I believe the problem that you are experiencing is because IE6 has issues
when background images and opacity settings are adjusted.
I was doing something similar with the jquery cycle plugin and the only way
that I found to fix it was to place an IMG tag in the rotating item and
place it behind
perfidus wrote:
>
> I just wonder where exactly in the cycle.plugin code should I place the
> conditional:
> if($(window).heigth() > $(img).heigth())
> {
> //RESIZE THE PIC PROPORTIONALLY ETC...
> }
>
To resize resize images which are being displayed with jquery cycle to full
browser width:
/
Hello everyone,
I am using the jQuery cycle plugin to create a very basic slideshow
with 2 buttons (previous and next). Is it possible while running the
slideshow to assign somehow on these 2 buttons a preview (like a
tooltip or something) a preview of the previous and next images?
Hi
I have 8 images but before the cycle(scrollUp) start, the first 4
images will display and then it move up one image at a time, and cycle
through to the next image
Like this:
(img1-img2-img3-img4) then (img2-img3-img4-img5) then (img3-img4-img5-
img6) then (img4-img5-img6-img7) then (img5
ah thank you for that help, that clears up most of the issue. THe home
page bug is very "buggy" it happens once in a while and with a refresh
generally fixes itself.
I guess the vast majorit of the time there is no issue. Thank you very
much! I really appreciate it.
On Jan 13, 12:15 pm, "danny.c
On another note, if you use fx: 'slideHorz' it will slide in the
appropriate direction(left/right), depending on button you click
(downwards = left, upwards = left).
On Jan 13, 10:33 am, keli marks wrote:
> Hey all:
>
> I'm having some odd bugs with 2 different kind slideshows.
>
> www.exhaciend
Homepage slideshow seems to work fine for me. Have you since found the
error?
As for the events slideshow, you should be able to avoid image size
issues, try adding height and width attributes to the tags.
Should fix that.
-Dan
On Jan 13, 10:33 am, keli marks wrote:
> Hey all:
>
> I'm having
Hey all:
I'm having some odd bugs with 2 different kind slideshows.
www.exhaciendalapetaca.com
On my home page, on both mozilla and IE, instead of displaying the
slideshow, the entire set of photos are displayed, stacked underneath
eachother. It doesn't happen all the time.
The second issue is
> Thanks for any help on this.
.slideshow li {
width: 100% !important
}
I have set up a test page at
http://capnhud.host22.com/examples/sample_cycle.html
but was wondering what would I need to change in order for the paging
to resemble this http://www.dickssportinggoods.com/home/
index.jsp">page
The Goal
I want to cycle through list items in an unordered list. I want the
list items to take up the full width of the browser, even when the
browser is resized.
The Problem
Once the first slide transition takes place and the browser is resized
smaller horizontal scroll bars are introduced. Then
I've employed the jquery cycle plugin (great work malsup!) to display
banners for various hospitals (such as
http://intermountainhealthcare.org/hospitals/bearriver/Pages/home.aspx).
To display the banners, I nested the call within a separate script
containing
$(document).ready(fun
Hi,
We've been doing a slideshow for the featured content/ads on one of
our sites and I'm having problems getting the plugin to work with IE6,
I think maybe it's a CSS problem or something, but haven't nailed it
yet. Anyone that could give me advice or anything?
This is the URL of the slide: http
> I use this jquery-plugin:http://jquery.malsup.com/cycle/
> Each li-tag gets a calculated width allowing the contents to 2 lines,
> but line 1 is sufficient. 2 lines breaks the design. The added width
> is not necessary. Is it possible NOT to add to this? Can anyone help
> me? It would be a great
I use this jquery-plugin: http://jquery.malsup.com/cycle/
Each li-tag gets a calculated width allowing the contents to 2 lines,
but line 1 is sufficient. 2 lines breaks the design. The added width
is not necessary. Is it possible NOT to add to this? Can anyone help
me? It would be a great relief!
how can i apply the simple fade example for the jquery cycle plugin to
be used on a background image - instead of divs of images? i'm a
complete novice at jquery and i'm building the site in drupal so i
need some step by step if possible.
Hi Everyone!
I have encountered an issue trying to use the cycle plugin to show a
very simple image slideshow in ASP.Net. I have the cycle plugin in a
master page and it works great until a postback is performed on a
page. When I perform a postback an empty slide is inserted between
every image. Th
Try this:
after: function(curr, next, opts) {
var alt = $(next).find('img').attr('alt');
$('#caption').html(alt);
}
On Nov 22, 12:12 am, Wroathe wrote:
> You're on the right track!!! I added an alt attribute to the
> first .featured-image and it displayed exactly where I wanted it!!!
> T
You're on the right track!!! I added an alt attribute to the
first .featured-image and it displayed exactly where I wanted it!!!
The question is now how to select the img tag nested in it (in the
interest of writing valid xhtml).
On Nov 21, 11:06 pm, Wroathe wrote:
> I tried it and it didn't work
I tried it and it didn't work Mike. I did a console.log of the alt
variable afterwards and it was tossing undefined. I think this is
because I have all of the slides wrapped in divs. I'm not sure how to
remedy that problem. Is there a way of selecting the img's alt
attribute using the code you just
I'll give that try and see how it works - thanks in advance for the
reply. I really appreciate it.
On Nov 21, 7:01 pm, Mike Alsup wrote:
> Try using the 'after' callback:
>
> $(function() {
> $('div#slides').cycle({
> timeout: 7000,
> pause: 1,
> pager: 'div#buttons',
Try using the 'after' callback:
$(function() {
$('div#slides').cycle({
timeout: 7000,
pause: 1,
pager: 'div#buttons',
pagerAnchorBuilder: function(idx) {
return '' + idx + '';
},
after: function(curr, next, opts) {
var alt
Hi there! I'm a little stuck and I was hoping someone could help me.
I've been trying to add captions to another div separate from the
slideshow and have them cycle with the slideshow and when the user
uses the pager. The one catch is I was hoping to use the images in the
slideshow's alt attributes
Finally discovered my own answer to this - the original code only
fails if the fx: parameter is set to 'none' - if set to any other
transition effect it works perfectly. Not sure why this should be, but
there you go.
Can anyone help with this at all?
Matthew
When using the cycle plugin to display a slideshow in IE(6/?), it
won't start playing until all of the images have completely loaded.
This causes a delay of 5-15 seconds depending on the size and quantity
of images. There's no such problem with non-IE web browsers, however,
all of which start playi
I've been using the jquery cycle plugin (http://malsup.com/jquery/
cycle) and it's doing exactly as I want except that it doesn't seem to
recognise the first slide as slide one. I'm using the onAfter function
to to turn the next/prev links on and off as appropriate and to
dis
Hi, I have the cycle plugin setup so a series of thumbnails of the
image switch the bigger image upon mouseover. Much like this
example... http://www.malsup.com/jquery/cycle/pager6.html
except mine works by hovering over the thumbs like:
.cycle({
fx: 'fade',
speed: 'fast',
I'm using the cycle plugin and was wondering if anyone has found a way
to remove the position: relative from the main div and position:
absolute from the imgs. This is added when the plugin is used. It's
not very friendly in IE among other issues.
Thanks!
Adam
Here's a demo that Malsup was kind enough to make:
http://www.malsup.com/jquery/cycle/div.html
AND-20 wrote:
>
>
> Hi ,
>
> i am new to jquery cycle plugin
>
> I would like to make a multiple images slideshow with jquery cycle
> plugin
>
> Say I have
I cannot get this working with the jquery cycle plugin. Can any show a full
example of how to get multiple images to show in a row? IE: first 3 images
-->pause--> next 3 images
I really don't want to load another plugin like Carousel.
Thanks so much to anyone that can help :)
m
Hi. I have two Cycle slideshows on this page. The first shows exactly
as expected. The second drops the bottom of the background image when
the slides change. This happens in Webkit browsers (or at least Safari
and Chrome) only. Any ideas why/
http://staging.pixelluxe.com/tt/child.html
I didn't see this as an option, so I decided to give it a try on my
own. I was able to add some lines of code (shown with the > in the
margin below) to the jquery.cycle.js script to read in the width of
each image and center the slide within the slideshow container
// set position and zIndex
I have a page that has 9 tabs of content, with each tab having its own
slideshow of about 8 images each. I was hoping to reduce the load
time of the page by only starting with two images per slideshow, and
then using the addSlide option to add the rest.
A few questions:
1. Is this the best way
Hey all -- I've built a site that has two divs with variable content
(eventually this will become 3, but I assume it will scale up to that
with no major issues). I'd like to be able to change content with each
of them using the same pager.
I found a similar post in this group concerning that, but
Hi,
I am currently developing a site for a client which uses the JQuery
cycle plugin to move through a number of divs which contain pictures
and info about wedding dresses.
All works fine in Firefox, but when I test in IE6 + IE7 the divs are
all stacked on top of each other vertically and they
Hi
i'm using the cycle plugin below a dropdown. Problem is that the"
dropdowns" stay behind the slideshow. They have position absolute and
higher z-index than the slideshow.
Any solution?
http://www.francesconizzola.it/_demo/
Thanks Vitto
> Given that, how would you allocate a timeout for say the first 3
> slides and then have the other slides all running at the default
> timeout?
Keep a counter and reference/update it in the timeoutFn. After 3
calls to the timeoutFn, return false thereafter.
Given that, how would you allocate a timeout for say the first 3
slides and then have the other slides all running at the default
timeout?
On Sep 9, 8:06 pm, Mike Alsup wrote:
> On Sep 8, 6:48 pm, Mike Alsup wrote:
>
>
>
> > > Hey thanks Mike, I got the random timeouts working, however all the
> When you first visit the page, firefox fails to render the images
> correctly with the first overflowing it's container and the rest
> appearing as squashed thumbnails. When you refresh the page (but not
> shift+refresh) it all works fine.
> Seehttp://www.thecathedraldeli.com/beta.html
> for
Hi All,
I've discovered some odd Firefox behaviour when using the JQuery cycle
plugin. I'm simply trying to cycle through a few images.
When you first visit the page, firefox fails to render the images
correctly with the first overflowing it's container and the rest
appear
On Sep 8, 6:48 pm, Mike Alsup wrote:
> > Hey thanks Mike, I got the random timeouts working, however all the
> > slideshows fade in at the same time on the first transition... is
> > there any way around that? Here is my code:
>
> >
> Hey thanks Mike, I got the random timeouts working, however all the
> slideshows fade in at the same time on the first transition... is
> there any way around that? Here is my code:
>
>
Hey thanks Mike, I got the random timeouts working, however all the
slideshows fade in at the same time on the first transition... is
there any way around that? Here is my code:
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade',
timeout: 1,
> Hey, does anyone know how I can have the timeout change randomly for
> every slide?
>
These demos might get you going in the right direction:
http://www.malsup.com/jquery/cycle/timeout.html
http://www.malsup.com/jquery/cycle/timeout2.html
Hey, does anyone know how I can have the timeout change randomly for
every slide?
Thanks,
I have got existing markup for my pager (see below).
How can i get the links working (got to the "href"-page) by clicking
on them? It does not work right now.. It seems, that the
pagerAnchorBulding prevents the default event?
Please help.
header
header
...
using this cycle setup:
$('#slidesh
Hi all,
I would like to link each image in the cycle to a specific page. Any
ideas on how to do this? I got it to cycle and everything is working
fine. I just want it so that the actual image is clickable.
Thank you.
> I'm looking for a same kind of solution.
> Sliding rows of 3 images at the same time.
> 9 visible images in 3 rows (1-3) (4-6) (7-9).
> Next slide will hide (1-3) and who (10-12).
>
> Anyone know how to do that?
>
The way to do that with Cycle is to group the sets of images inside
divs and tre
Hi
This question has been asked several times in various places online,
but the solution that's usually given isn't working for me.
I want to show the slide titles (rather than just numbers) in the
pager, so am calling it like this:
jQuery(document).ready(function() {
jQuery('#cycle-pic
Is it possible to use enable different transition effects for auto-
advance versus the pager (that is, when a user clicks a pager item)?
I'd like very much to use "fade" as images auto-advance without user
input, but use a more advanced easing effect if the user clicks an
item in the pager.
Than
I have a cycle working here: http://www.violinatta.com/node/19
Two questions: (1) initially more than one image shows, one under the
other, eventually consolidating to 1. The container and images are
both dimensioned. Suggestions how to correct this so just the one
image appears initially?
(2) In
I define a cycle in document.ready as per usual. In my cycle I have
different sets of images that i want to cycle through and only want
certain ones to cycle as selected using the slideExpr option. Is
there a way to change this option from:
slideExpr: 'a'
to:
slideExpr: 'b'
another alternative
loop through each section and apply the same cycle pattern
via the jQuery cycle plugin. My code is as such:
$('.serviceRight').each(function() {
$(this).cycle({
fx: 'scrollHorz',
speed: 400,
Hi,
I seem to have the jQuery cycle plugin working in most browsers, but
get an error in IE6/7 when using the following code:
$(function() {
$('#slideshow')
.cycle({
fx: 'fade',
timeout: 0,
cleartype: 1,
speed: &#
Hi there,
I am having a similar issue, but the functionality I want to achieve
is a bit simpler. Right now I want to apply a link of my choosing to
each slide (in the HTML of the slide), but t this breaks the alt
information pulled from the the pager and displays an "undefined"
error on the page.
d on: http://malsup.com/jquery/cycle)
Thanks!
On Jul 17, 3:54 pm, AND wrote:
> Hi ,
>
> i am new to jquery cycle plugin
>
> I would like to make a multiple images slideshow with jquery cycle
> plugin
>
> Say I have 12 images and I want to show 3 at a time and cycle through
I'm using cycle to load images which work under the following css:
.bg {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5000;
-ms-interpolation-mode: bicubic;
}
That make them look full browser in almost everycase.
Pictures must have a
the details you want to display can also be contained elsewhere if you
want by using the index of the current slide to match the index of
another set of containers
function onAfter(curr, next, opts) {
var index = opts.currSlide;
// use index to refernece other contai
When using the ScrollHorz effect in the Cycle Plugin for inline HTML
content, in Firefox and Safari 3, the very first time you trigger the
transition, the content of the first "slide" appears to be being
squished and ends up overlapping with the incoming slide/text. See an
example here: http://t
Thanks guys,
Using that, this is what i have:
$(function() {
$('#slides').before('').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
pager: '#nav',
after: onAfter
});
});
f
I am having an issue with pausing the cycle from links within the
cycle.
I have set up a cycle that contains a html contentent including a
'video playlist'. This is a javascript based list that updates a flash
video player with a new video inside the cycle. The videos are loading
fine, but for so
> I would like to add another attribute to the img tag called "link."
>
> This attribute would define where the image would link to if someone
> clicks the image.
>
> Then i could do something like: .append('' + this.alt + ' Read more ›');
>
> Does anyone know what/where i can add in the cycle js
you can use the "before" and "after" options in the API to write
functions that trigger on each slide to do what you want
Mescalero wrote:
I would like to add another attribute to the img tag called "link."
This attribute would define where the image would link to if someone
clicks the i
I would like to add another attribute to the img tag called "link."
This attribute would define where the image would link to if someone
clicks the image.
Then i could do something like: .append('' + this.alt + ' Read more ›');
Does anyone know what/where i can add in the cycle js to accomodate
Hi ,
i am new to jquery cycle plugin
I would like to make a multiple images slideshow with jquery cycle
plugin
Say I have 12 images and I want to show 3 at a time and cycle through
the 12 in this fashion:
(img1-img2-img3) then (img2-img3-img4) then (img3-img4-img5).
(img11-img12-img1
I'm using the Cycle plugin and really like the "scrollHorz" transition
effect since it scrolls left/right appropriately when using the pager
navigation. But I'm having a strange problem with the very first
transition when viewed in FireFox (v 3.0.11 on Mac as well as 3.0.11
on WinXP).
You can se
Hey,
The cycle plugin is fantastic. I love using it, but would like to know
if there's a typewriter effect for the transitions in order to build a
news ticker using it.
See here for typewriter effect:
http://www.hungry-media.com/code/jQuery/tickerType/
Or, would anyone know how to create an ef
Thanks! Problem solved. It is always the simple things. I appreciate
the help.
On Jul 1, 8:54 am, Mike Alsup wrote:
> > I am having an odd error where the pager generates links but they
> > don't change the slide in FF and Safari. The biggest surprise of all
> > is that it actually works in IE.
> I am having an odd error where the pager generates links but they
> don't change the slide in FF and Safari. The biggest surprise of all
> is that it actually works in IE.
>
> Here is the page I am referring to:http://76.12.208.222/
Try this:
#slideshowPage { position: relative: z-index: 100;
I am having an odd error where the pager generates links but they
don't change the slide in FF and Safari. The biggest surprise of all
is that it actually works in IE.
Here is the page I am referring to: http://76.12.208.222/
Any suggestions?
Is it possible to use image rollovers instead of the default text that
comes with the plugin?
http://www.malsup.com/jquery/cycle/pager12.html
Is it possible to use image rollovers instead of the default text that
comes with the plugin?
I'm using DIV's and I can't figure out how to remove the html text
from the inside DIV from the last slide.
I've tried everything.
When I remove the outside the DIV, the script won't work!!
http://www.enaturalskin.com
The Main Banner.
Erik
I am having the exact same issue.
On firefox and safari the cycle woks fine.
In ie7 the images are displayed beneath each other.
I hope someone will reply :)
Cheers, Robert
On 8 jun, 14:00, buschii wrote:
> Hi folks,
>
> I am new here and I seached vor problems with IE7 and JQu
nd JQuery Cycle
> Plugin but haven't found anything helpful for me.
>
> My problem: I almost copied the demo skript
> fromhttp://malsup.com/jquery/cycle/
> and changed it to my local folders using Dreamweaver (not laughing, I
> am not a professional programmer).
> In Dreamwe
Dear all,
I've worked out that the pagerAnchorBuilder option will probably get
me what I'm trying for, but I'm trying to add a wrinkle.
I've got a slide show using next/prev, but I also want the user to be
able to click on links in s to go to specific images in the
slide collection.
the image c
Hi,
I'm using the Cycle plugin to rotate four images inside of a div. It
works beautifully in IE6, IE7, and Firefox. However, in Chrome and
Safari, none of the images rotate or hide themselves as they should -
all four of them can be seen stacked atop each other.
http://www.helpcomingyourway.org
Hi! I found this wonderfull plugin, http://www.malsup.com/jquery/cycle/int2.html
I want to built something like "pager", in the link.
I built it, but now I'd like to change something: i don't want a
progressive numeration, but Id' like to define a different text or
image customized, and not the "1
> I have been using jQuery cycle plugin for a banned with some content
> that fades in and out in a slideshow sort of thing but I would like to
> be able to div individually. Rather than saying all instances of
> #projects become a slide, i would like #project_img, #project
I have been using jQuery cycle plugin for a banned with some content
that fades in and out in a slideshow sort of thing but I would like to
be able to div individually. Rather than saying all instances of
#projects become a slide, i would like #project_img, #project_title
and #project_description
Hi all. I am a newbie to jquery as well as the Cycle plug in. I
initally have 2 questions.
First, can I utilize the prev and next options along with the pager
option, so that someone can have both options of clicking prev/next
and or click on one of the pagers.
And second, can I have a Cycle slide
http://www.ltdmag.com/hometest/
If you view the above URL the TEST IMAGE at the top is actually a
custom field image for 3 blog posts.
the HTML seems to be formatted correctly and my cycle plugin also
seems to be called and formatted correctly.
I have disabled ALL plugins as well, and tested to
http://www.ltdmag.com/hometest/
If you view the above URL the TEST IMAGE at the top is actually a
custom field image for 3 blog posts.
the HTML seems to be formatted correctly and my cycle plugin also
seems to be called and formatted correctly.
I have disabled ALL plugins as well, and tested to
2009/6/3 Arie :
>
> Hello,
>
> I tried to use Cycle Plugin, and it works great. I have the "Previous
> and Next" navigation work without any problem.
>
> This is the code I have:
>
> -
>
> $(function() {
> $('#feat-container').cycle({
> prev: '#prev',
> next: '#next',
> timeou
I am creating a single column fluid layout and have run into an issue
when positioning the images I display via Mike Alsup's cycle plugin.
I dynamically load a "content" DIV with three other DIVs, one of which
is controlled by the cycle plugin. The other two DIVs are positioned
as expected, howeve
Hello,
I tried to use Cycle Plugin, and it works great. I have the "Previous
and Next" navigation work without any problem.
This is the code I have:
-
$(function() {
$('#feat-container').cycle({
prev: '#prev',
next: '#next',
timeout: 8000, // milliseconds between slide tra
ok i cant get the easing plugin to work with cycle plugin
1. does cycle 2.65 work with easing 1.3
2. does easing work on the scrollHorz
3. if both of these are true then what am i doing wrong
$('#slideshow').cycle({
fx: 'scrollHorz',
timeout: 0,
speed:1
Oops. Sorry I misspelled your name, Adrian.
--Karl
On Jun 1, 2009, at 3:58 PM, Karl Swedberg wrote:
On Jun 1, 2009, at 2:27 PM, Adrian Chen wrote:
Use CSS to control the initial display of the images.
How would that be done? Right now this is what I'm using
.pics {
height: 220p
On Jun 1, 2009, at 2:27 PM, Adrian Chen wrote:
Use CSS to control the initial display of the images.
How would that be done? Right now this is what I'm using
.pics {
height: 220px;
width: 960px;
margin-left: auto;
margin-right: auto;
}
.pics img {
width: 960px;
Found how how to do it:
.pics {
width: 960px;
height: 220px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.pics img {
width: 960px;
height: 220px;
}
overflow: hidden did the trick. Thanks!
On Jun 1, 1:27 pm, Adrian Chen wrote:
>
> Use CSS to control the initial display of the images.
How would that be done? Right now this is what I'm using
.pics {
height: 220px;
width: 960px;
margin-left: auto;
margin-right: auto;
}
.pics img {
width: 960px;
height: 220px;
}
> I'm trying this Cycle Plugin, but whenever I load, lets say I have 5
> images in the rotation pool, they all show up (briefly) whenever the
> page reloads, and then they dissapear (starting the rotation).
>
> Is there any way to avoid this? The images I'm using are 960 x 220, so
> it pretty much
I'm trying this Cycle Plugin, but whenever I load, lets say I have 5
images in the rotation pool, they all show up (briefly) whenever the
page reloads, and then they dissapear (starting the rotation).
Is there any way to avoid this? The images I'm using are 960 x 220, so
it pretty much fills the
> I would like cycle to use my existing anchors
These demos show how to use existing markup for the pager links:
http://www.malsup.com/jquery/cycle/pager3.html
http://www.malsup.com/jquery/cycle/pager4.html
I have a problem with implementing the pager in the Cycle plugin. I
have an existing navigational structure, which is actually a playlist
- each link launches a new media file in an instance of flowplayer
[http://www.flowplayer.org]. I want to use each of these anchors to,
in addition, page anothe
Hi,
I have used cycle plugin for one of my website, sometime images get
small unpectedly, although all image has been photoshoped to fixed
same size
Wonder is there any known bug about image resizing itself like that ?
Ok, I think I've got it.
I am now setting up the second slide show at the click event and then
showing it immediately following. Like this:
[code]jQuery('#buttons [href]').click(
function(){
var element = jQuery(this);
var href=element.attr("href");
jQuery('#
Ok,
http://mid-awe.com/webs/presidential/index.html
I'm noticing also now that an additional #s2 slide show is missing
from the initial page load. I'll look at that to see if the issues are
related. Any help is greatly appreciated.
> Can you post a link to your test page?
> Just to clarify; I have two slide shows using the cycle plugin. They
> are both set to display using the same css. Only one should display at
> a time, I want the page to load with one shown and the other hidden,
> then after a link is clicked the slide shows should toggle to display
> the previ
1 - 100 of 418 matches
Mail list logo
