In cycle plugin, ss there way to switch images by keyboard arrows
instead of clicking next, prev
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 previously
Hi !
As implied by the subject, my question concerns jquery.cycle plugin
and I have 2 questions. I tried to find answers searching the web, but
didn't find any.
I'm currently using cycle to built a photography website and enjoy it
a lot so far. However, I'd like to display/update the image
This is exactly what I needed. Had no idea what was going on when the
slide mysteriously had a background color that matches a div three
levels up in the hierarchy. I guess there's no fix for the lack of
transparency with this attribute set?
On May 11, 1:37 pm, Maksym Melnyk momel...@gmail.com
I am trying to use the cycle plugin but all I get is a static list. I
have checked to make sure all my code is matching with the demos
online and still I dont get anywhere.
I have loaded this code inside the .ready function
$('#s1').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
Thanks for your help the issue is solved. One question to Mike: on the
jqery site the newest version is 2.34, why did you not put your actual
version 2.63 - the one that solved my problem - to the jquery site?
Fair question - sorry about the confusion. I don't update that page
very often but
Hello flyfisherman,
Do you have solved the issues with the solution provided by Mike ?
Thanks,
Thomas
On 14 mai, 00:16, Mike Alsup mal...@gmail.com wrote:
2.63 is the latest version of Cycle. And your images do not have
width/height attributes.
Mike
On May 13, 5:42 pm, flyfisherman
Hi Mike
Hi Thomas
Thanks for your help the issue is solved. One question to Mike: on the
jqery site the newest version is 2.34, why did you not put your actual
version 2.63 - the one that solved my problem - to the jquery site?
Beside updating the cycle plugin I had to build an img class in my
Hi
I am using the cycle plugin on a start page to cycle 5 pictures in a
div id picture. The first load of the site the pictures are shown to
small (firefox) or outside the container (opera, safari Win), after a
reload all is ok!!
I have no clue why this happens. Is there any advice?
link:
I am using the cycle plugin on a start page to cycle 5 pictures in a
div id picture. The first load of the site the pictures are shown to
small (firefox) or outside the container (opera, safari Win), after a
reload all is ok!!
I have no clue why this happens. Is there any advice?
Hello Mike
I have the newest version 2.34 installed and I also gave a width und
height for the picture id in my css-file (view source code).
So what else could it be?
txs
Markus
On 13 Mai, 23:01, Mike Alsup mal...@gmail.com wrote:
I am using the cycle plugin on a start page to cycle 5
2.63 is the latest version of Cycle. And your images do not have
width/height attributes.
Mike
On May 13, 5:42 pm, flyfisherman mar...@flyfisherman.ch wrote:
Hello Mike
I have the newest version 2.34 installed and I also gave a width und
height for the picture id in my css-file (view
I am trying to create a slideshow where each slide would have a video
(embedded vimeo video to be exact)
My basic structure is
div id=slides
div class=slide
div class=slide_video EMBED CODE /div
div class=slide_content HTML BLURB /div
/div
...
/div
I've set pause to 1 so that
Here's the solution from the Mike Alsup.
Hi Shane,
There are two cleartype options in Cycle, and unfortunately one of
them is not documented (yet).
The general purpose of the cleartype logic in Cycle is to workaround a
rendering issue in IE when cleartype is enabled on the system. When a
Hi,
I am having a problem with IE6 and the cycle plugin. In IE6 it shows a
black background over my div background image (I set via css a
background image to a master div). cleartype set to false,
cleartypeNoBg to true. I am cycling transparent png images. In IE7+
and Firefox everything is ok.
hi. i am interested in using the cycle plugin and i dnt know how to get
started.
http://www.malsup.com/jquery/cycle/pager10.html
i want to use this plugin.
Now i dnt know how to get the nav links
when i checkd the source there is only a *div id=nav* but nothing in
it..when i checked using
Hello all,
I'm using the Cycle plugin as an automated slideshow on my homepage.
Instead of images, I'm using text.
The problem is that while the entire page is loading, the text for the
slideshow displays for a fraction of a second in-place. Then Cycle
kicks in, and the slideshow starts.
I
I'm using the Cycle plugin (http://malsup.com/jquery/cycle/) to
display a mini slide show but my pictures are of different sizes and
some are portrait and some landscape.
Is there any way of using the Cycle plugin such that pictures are
centred (horizontally and vertically) in the container?
to keep
this script working for divs. We need it to fix the background PNGs we
use with various divs.
The gap also appears on other pages on the site, where we are not
using the jQuery Cycle plugin, but where we do have a preload image
script such as this one:
jQuery.preloadImagesByClass = function
I want to add a tabs to the pager thumbnails of a cycle plugin
slideshow
Each slideshow gets content from an imagefolder. Some of these folders
have 5 images, others have 15 or maybe 50 images. It would take to
much space to show all the thumbnails of the individual slides if a
folder has more
I am using the cycle plugin, but for some reason I can't get the pause
feature to work. I am showing a hidden div, and when I do, I need to
pause the slideshow.
Here is what I am using:
$('#artistCycleParent').cycle({
fx: 'fade',
speed:3000,
Ok, found the solution.
I am not using the slideExpr but the parent of the container to add
slides and it works.
Also with the a pageranchorbuilder it works when I append the new
pager items.
What is missing is to keep track of images already loaded in the
jQuery script to prevent that images
Experimented some more:
When I add
opts.addSlide(ddblockGetSlideHTML(data.slideImg), fwd == false);
The images are appended after the other images, but still not in the
slideExpr
When I add
opts.$cont = '#ddblock-' + opts.ddblocknr + ' .ddblock-container';
before the addslide
It puts the
Maybe the issue is really addSlide in combination with slideExpr.
When images are added they are prepended instead of appended.
So the issue will be how to use slideExpr with addSlide.
If more info is needed, please let me know
On Apr 13, 8:12 am, ppblaauw ppbla...@gmail.com wrote:
I read a
I read a lot of posts about this issue, but can not find a solution.
Also have seen the addSlide examples for the jQuery cycle plugin.
I try to add slides to the cycle plugin with AJAX, one slide at a time
with the following code.
function onBefore(curr, next, opts, fwd) {
// on Before
Thanks a lot!
That's finally it... phew.
I really appreciate your help.
Thanks for your reply but no luck...
That does bring up two sets of navs that work but they are both with
the first #portfolio div as i mentioned in my fist post (situation 2)
They work fine but in the wrong place.
Ok so i've solved it by changing all the tags and adding new scripts
for each one
http://www.lukeskinnerdesigns.co.uk/jq-test.html
It looks good but i'm concerned that i'm gonna have a huge amount of
css and javascript with all the different slideshows.
So is there a better way to do it?
Ok so i've solved it by changing all the tags and adding new scripts
for each one
http://www.lukeskinnerdesigns.co.uk/jq-test.html
It looks good but i'm concerned that i'm gonna have a huge amount of
css and javascript with all the different slideshows.
So is there a better way to do it?
Hi
Thanks so much for that it works perfectly... except...
If I add a text filled div to be included in the cycle like this:
div class=pics
img src=images/001.jpg /
img src=images/002.jpg /
img src=images/003.jpg /
div class=last
text text text
/div
/div
...
On Apr 10, 1:11 pm, Skinnyl l...@lefthandedmonkey.co.uk wrote:
Hi
Thanks so much for that it works perfectly... except...
If I add a text filled div to be included in the cycle like this:
div class=pics
img src=images/001.jpg /
img src=images/002.jpg /
img
Hi,
First of i'm sorry if the answer to this is somewhere on here already
but i've been staring at the screen for hours trying fix this and
haven't found exactly what i need. Also i should warn you i know next
to nothing about jquery or javascript or any other internet magic past
HTML and CSS.
Hey Luke,
You have two ID's with the same ID portrait You can only have one ID
named portrait on the page...name the other portrait2 or something.
In your jQuery code change $(#portrait)... to $(.pics)...
Both will then work.
Although there seems to be other issues both cycles now cycle.
I'm sorry in my previous reply replace the words portrait with the word
portfolio ... sorry.
Ralph
On Fri, Apr 10, 2009 at 12:17 AM, Ralph Whitbeck
ralph.whitb...@gmail.comwrote:
Hey Luke,
You have two ID's with the same ID portrait You can only have one ID
named portrait on the
Hello everyone!
After using the Cycle plugin for quite some time now i was wondering
if there is any way to get the auto-generated pager shown over my
image.
I can only see the .before and .after tags which put the pager above
or below the image (content), but am unable to find a way to put the
Hello,
If my HTML for a cycle slideshow is something like the following,
where certain child divs (slides) have a particular class:
div id=slideshow
div class=slide webimg .../div
div class=slideimg .../div
div class=slide webimg .../div
/div
is there any way to set up the
Hello all
I am trying to work with the cycle plugin and I'm having a bit of a
problem (what's new?) here is the scenario . I have multiple groups of
images that I want to cycle but I don't want to target them by id I
would rather target them by class however I also would like to use
paging. so I
the page in question:
http://www.tiftmerritt.com/index.php?page_id=393
it seems that the cycle plugin (i'm using v2.63) is adding a white
background to my slideshow DIVs in IE 6 and 7. i'm putting my
slideshow on top of an image background, so i'd like to keep my DIVs
transparent.
the only
For some strange reason in IE I get a white background added to my
li tag each li has a transparent background PNG image. So it get
white corners where I should see a nice textured background basically
cycle changes the header of the site. which is rounded on the top
works fine in both FF and
Hey all,
Using the (awesome) Cycle plugin all over the place, and I have a
question: in the uncompressed code file [1], a comment says that the
second argument to .cycle() can be the name of an fx (only used in
conjunction with a numeric value for 'options'). I've tried this (to
trigger a
Hi, Cycle Plugin is great!!, but i have a problem, in my home pages
firebug say: [cycle] terminating; too few slides: 1
but in another sections of my website Cycle Plugin work great!!.
The images, im loading from database with a while
Anybody know about this msg?
thanks
i'm working on this site
http://mojoe.net/ContractService/cleaning.html
and cycle works fine in everything except safari.
safari doesn't recognize my cycle div's height (on this page the div
is .photo)
the same thing happens on the home page, too.
chrome has the same problems when you first
Hey there.
I got a problem with the jquery cycle plugin.
I wanna use this plugin for Ajax content what I want is, 1 cycle box,
1 cycle pager, and I can change the content.
I've almost done, however, I got a problem.
I call Ajax content(first content), it succeeds
But when I change the content
$('#imgBox').after('ul id=imgCycle').cycle({
fx:'fade',
timeout:4000,
speed:1500,
pager: '#imgCycle',
pagerAnchorBuilder: function(idx, slide) {
return 'li id=img'+idx+'a
I'm having a problem with this code:
function fade() {$('.pic').fadeIn(7000);}
$('#shuffle')
.before('ul id=nav')
.cycle({
before: fade,
fx: 'shuffle',
timeout: 1,
Hi,
I hope someone can help me with this issue. When I look at the demo
pages on the Cycle plugin website they all work in all browsers but
when I do my own page and test it using the shuffle feature it works
in IE6, IE7, Firefox but not Safari or Chrome. I am going crazy here
so can some one
I have problem making my customize button on top of slide show
images.
The image that is placed on top of the slide image has absolute
position.
The images bellow are the sliding images which are also absolute
position.
I did set the button to have higher z-index however when I try to
click the
Hey Mike, thanx for your answer. I put the two divs into one and
positioned the elements with css. it works now.
On 16 Feb., 13:22, Mike Alsup mal...@gmail.com wrote:
$('#gastroThumbs').cycle({
fx: 'fade',
speed: 500,
timeout: 0,
Hey Mike, thanx for your answer. I put the two divs into one and
positioned the elements with css. it works now.
On 16 Feb., 13:22, Mike Alsup mal...@gmail.com wrote:
$('#gastroThumbs').cycle({
fx: 'fade',
speed: 500,
timeout: 0,
I have the following
$('#fcycle').livequery( function(){
$(this).cycle({
fx: 'fade',
timeout: 0,
speed: 'slow' ,
pager: '#qm0',
next: '#next',
I have a question about the Cycle plugin.
I have a slideshow with many large images. Is it possible to preload
these or somehow load them at the time of the transition? I am just
wanting to figure out a way so that all of my images don't have to
load at the same time and cause long page loads.
I'm trying to load the Cycle plugin with a JSON feed from Picasa.
Everything is pulling in from Picasa just fine. I can copy the exact
HTML that it generates and paste it into my code and reload, and it
works fine, but not when it is dynamically added via Javascript.
I'm trying to center my slides in the slide container, but I'm having
issues. I have 'a' links as my slides, each containing a single
image. What I want is for the link and the img to be the same size,
based on the width of the image, and then centered inside of the slide
container. I've
I am using the cycle plugin to rotate through some images that are
part of a a href . When the link is clicked I need to reset the
images.
The reason is that I then basically hiding the div with the links
(thus cycle) but when I navigate back to them what is happening is the
link that was click
$('#gastroThumbs').cycle({
fx: 'fade',
speed: 500,
timeout: 0,
next: '#next',
pager: '#thumbNav'
}),
$('#gastroBilder').cycle({
fx: 'fade',
speed:
I've received many email requests for this feature and I'm happy to
say that it has finally been released. A demo is available here:
http://www.malsup.com/jquery/cycle/multi.html
Hi guys :
I'm having a problem with cycle which refuses to see the links I have
put in the divs.
When I click on my links it just move on the next slide (next div)
I don't now how to fix this problem.
I have seen there is a parameter pagerAnchorBuilder: null ... maybe
there is any chance
to
I'm having a problem with cycle which refuses to see the links I have
put in the divs.
When I click on my links it just move on the next slide (next div)
I don't now how to fix this problem.
I have seen there is a parameter pagerAnchorBuilder: null ... maybe
there is any chance
to modify
I'm using Cycle in a number of places on my site, but I'm having an
issue with absolute placement in WebKit browsers (Safari Chrome).
My site is available here:
http://derekperkins.com/seatability/super-product-page/
My issue is that in Firefox, IE and Opera, Cycle adds in some inline
style
Hi, I am encountering an error where all of the content is blank using
the cycle plugin on this page:
http://testing.kuranda.com/catalog/poly_resin_bed2.php?breed=7-1 in IE
6 and 7. It works fine in FF, Safari, etc.
When I remove 3 of the 4 scrolling content divs, the content appears
in IE. But
Still no joy, very frustrating :( Although Im no expert...
Would really appreciate to hear from anyone who has had a similar
issue, and if they ever found a fix...
A.
On Feb 3, 5:51 pm, Ado adrianja...@gmail.com wrote:
Thanks for looking, cant see much on Google at the moment apart from
Hi,
Im trying to create a rotating promo area using the cycle plug-in.
I have to to embed YouTube videos (example here
http://www.grouptools.com/adrian/sbc-new/promo/)
The main issue is FF works fine in that if a video is playing and you
go to another 'slide' the video/sound stops. Where as
Im trying to create a rotating promo area using the cycle plug-in.
I have to to embed YouTube videos (example
herehttp://www.grouptools.com/adrian/sbc-new/promo/)
The main issue is FF works fine in that if a video is playing and you
go to another 'slide' the video/sound stops. Where as
Thanks Mike.
I dont suppose you have a quick demo, or code to hand to show me how
this would be done. Would be most appreciated...
Adi
On Feb 3, 4:46 pm, Mike Alsup mal...@gmail.com wrote:
Im trying to create a rotating promo area using the cycle plug-in.
I have to to embed YouTube
I dont suppose you have a quick demo, or code to hand to show me how
this would be done. Would be most appreciated...
Hmm, I thought I did but can seem to find it. It depends what
functions are exposed on the element so you may want to google it.
Maybe someone else will chime in with a
Thanks for looking, cant see much on Google at the moment apart from
people having similar problems with flash video when they try and make
it display:none (which is esentially cycle plug-in is doing)
Anybody else have any code for this? I will keep hunting and post back
here if I come across
Is it just me or does this not work?
http://malsup.com/jquery/cycle/cleartype.html?v3
looks just like any old cleartype opacity bug to me.
I am a newbie using the cycle plug-in to (manually) scroll through
images. I want to prevent going from the last image forward to the
first (or first back to last) and disable the controls that do this.
I presume I need to use autostop and/or autostopCount but can't figure
out how. Any help
(Using jQuery Cycle Plugin Version: 2.32)
Although I did manage to fix it by changing this line
opts.cssBefore.left = next.offsetWidth;
becomes
opts.cssBefore.left = next.offsetWidth-1;
so does move everything along by 1 pixel but no more bug client is
happy.
I have a slideshow:
script type=text/javascript
$(function(){
$('#slideshowBoxRetouching').cycle({
fx: 'fade',
speed: 300,
timeout: 2400,
pause: 0,
autostop: 17,
end: function() {
$('#replayRetouching,#ellipsis').fadeIn();
Hi all,
I'm using the cycle plugin for a slideshow I'm building. With the
slideshow comes a counter which shows which image it is that is
currently being viewed, for example 4/11.
I have a manual navigation with the slides so a link 'previous' or
'next' should be clicked to advance through the
Hi all,
I'm building a slideshow in HTML and the cycle plugin helps me out
with making it look smooth. My slideshow has manual controls, it has
previous and next anchors to go back and forth the slides. This all
works, no sweat.
However I also have a counter which indicates at which slide you
I am using cycle to display ads and messages on my website. Some of
the slides contain text with imbedded URL links and others are just
linked images.
However, when you click on the link it just continues to the next
slide. Is there a way to have the Cycle script allow embedded links
instead of
I am using cycle to display ads and messages on my website. Some of
the slides contain text with imbedded URL links and others are just
linked images.
However, when you click on the link it just continues to the next
slide. Is there a way to have the Cycle script allow embedded links
instead of
Hello
Can someone help? I have two problems. Both I think are tiny.
First problem: I'm almost done successfully installing the Cycle
plugin.
If you use FireFox to go here:
http://acuitas.com/index.php
then click on the Refresh button, you'll see it works great.
Please tell me why I need the
Can someone help? I have two problems. Both I think are tiny.
First problem: I'm almost done successfully installing the Cycle
plugin.
If you use FireFox to go here:
http://acuitas.com/index.php
then click on the Refresh button, you'll see it works great.
Please tell me why I need the
Mike
Perfect advice. You're awsome. Works now. Thank you.
acuitas
On Jan 25, 12:55 pm, Mike Alsup mal...@gmail.com wrote:
Can someone help? I have two problems. Both I think are tiny.
First problem: I'm almost done successfully installing the Cycle
plugin.
If you use FireFox to go
I am using the Cycle Plugin and would like to dynamically load the
effect via a drop down menu.
What is the proper syntax to pass the variable into the script?
$(function() {
$('#s1').cycle({
fx: 'scrollDown',
easing: 'easeOutBounce',
delay: -2000
});
});
Hello all,
I'm working with the Pager feature using the jQuery Cycle
Plugin(http://malsup.com/jquery/cycle/int2.html)
I'm having some problems. I made two buttons at the bottom of my layout that
when pressed are supposed to fade in two separate content areas. I'm pretty
sure I made the correct
Hi everybody,
I would like to create a slideshow with a vertical list of the slide
navigation. I would like to smoothly animate a marker up and down to
indicate the current slide. Here's what I have so far:
$('#s1').cycle({
pager: '#nav',
before: onBefore
The code shown below is working fine for me, but I want the prev and
next buttons to jump 2 slides instead of 1. I think this involves the
prevNextClick option, but don't know how to code it...
script type=text/javascript
$(function() {
$('#liberiaSlideshow').cycle({
fx:
or that it
is conflicting with the existing jquery or css I already had on the second
page, but I can't find the mistake.
Can you please help me out?
--
View this message in context:
http://www.nabble.com/Problem-with-jQuery-Cycle-Plugin-tp21521835s27240p21521835.html
Sent from the jQuery General Discussion
I'm using the jQuery Cylce Plugin(http://malsup.com/jquery/cycle/) and I ran
into some problems when I added it to some other pre-exising code I have.
1. Here is the working Slideshow
-http://www.idea-palette.com/testfolder/slideshowtest.html
When I add the existing working Slideshow code
in context:
http://www.nabble.com/Problem-with-jQuery-Cycle-Plugin-tp21521835s27240p21522417.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
I've posted troubles with this site in the past. I'm still having some
problems with the cycle plugin. Here is the URL:
http://adc4web.adceval.com/#_contact-us
What happens when you go to that url is that it first goes to the home page
and then uses the cycle plugin to transition to the Contact
I am using the cycle plugin to swap entire pages for my navigation. On one
page, I have a unordered list that is supposed to be display:none by
default. Then when a link on the page is click, it shows slowly. However,
for some reason the cycle plugin seems to be showing it by default and
wow that works awesome. even able to apply it to several cycles. i saw
a posting about applying a delay to several cycles so that one starts
a couple seconds after another cycle (http://groups.google.com/group/
jquery-en/browse_thread/thread/fa74609bb63f46a/40f0bec91d0c6574?
Hi,
I'm trying to position a menu div over a cycle slideshow.
It works fine on Safari/Firefox but in IE6/IE7 the menu goes under the cycle
slideshow upper slide, till the effect -fade- starts to be applied to the
next slide.
Is there a means to force the menu div to appear always on top of
wow that works awesome. even able to apply it to several cycles. i saw
a posting about applying a delay to several cycles so that one starts
a couple seconds after another cycle (http://groups.google.com/group/
jquery-en/browse_thread/thread/fa74609bb63f46a/40f0bec91d0c6574?
I have been searching for a way to have 1 pager to control 2
slideshows with the same number of slides. Where one slideshow can
have a scrollLeft and another just with a fade. Is this possible with
the current plugin?
Here's a demo:
http://jquery.malsup.com/cycle/pagers.html
I have been searching for a way to have 1 pager to control 2
slideshows with the same number of slides. Where one slideshow can
have a scrollLeft and another just with a fade. Is this possible with
the current plugin?
Is there a way in the jQuery Cycle Plugin to have have 1 pager control
2 slideshows? Where one slideshow has a scrollLeft effect and the
other has a fade effect.
Hi all,
I've been working with the fantastic Cycle plugin on a client site.
The client has 30+ fairly big images to load (~3MB total page load),
so the normal loading scenario doesn't work very well.
The way I worked around it, is I've added all the HTML code for all
the images, without the
I am having a problem with some of my images not loading when using
Mike Alsup's Cycle plugin. When my page loads and the images begin to
cycle, some of them just show as a small white rectangle (presumable
the border used for the images) while other images look fine. It's
acting as though the
Hi.
Im trying build a gallery using the wonderful jquery cycle plugin.
Everything works fine, Im just wondering if it is possible to use two
next controllers. One next controller on image-click, and one using a
link (a href= id=next )
I can use them one at a time, but when I try them together
Hi!
Im trying to build a gallery using the wonderful cycle plugin. Everything
works fine, Im just wondering if it is possible to use to next intances? One
next controller on the image, and another one on a link (a href=#
id=next)
Here is my code:
$('#slideshow').cycle({
Hey guys, I'm re-doing a website and found this plug-in and an example
script that I liked. Well I implemented one section and all was good,
or so I thought... Past the first 2 sections, nothing works and it's
the flipping # in the a href tag in the slide.js script causing the
problems. There is
On Nov 11, 9:35 am, Mike Alsup [EMAIL PROTECTED] wrote:
For some reason var index = $
(this).parent().children().index(this); returns -1 and it appears to
be stuck in the onAfter method.
Hmm. Try this instead:
function onAfter(curr, next, opts) {
var index = opts.currSlide;
For some reason var index = $
(this).parent().children().index(this); returns -1 and it appears to
be stuck in the onAfter method.
Hmm. Try this instead:
function onAfter(curr, next, opts) {
var index = opts.currSlide;
};
101 - 200 of 400 matches
Mail list logo
