I'm trying to make a customCycletransition. I want the slide to scroll left or right and simultaneously fade in or out to be revealed or disappear. To handle both directions in one transition I'm basing it on the built-in scrollHorz transition, which looks like
This makes the slide that slides out fade as expected, but the slide that slides in doesn't fade. It is suddenly made visible before sliding in. So it ignores the opacity that I set on line 9.
I'm currently trying to create a complete custom transition for the awesome jQuery Cycle plugin. Basically, what I want to achieve is kind if a lightbox like transition effect... You know, the images wraper scales itself based on the current image width and height and scales itself again when you go to next or prev image.
Ok I have 2 questions:
1) I can see in the source of Cycle, at the end there is: $.fn.cycle.transitions = { ... } and inside there is the fade transition set up. Do I need to create my new transition here?
I have added a method on jQuery validator like this
$.validator.addMethod('myEqual', function (value, element) { return value == element.value; // this one here didn't work :( }, 'Please enter a greater year!'); $.metadata.setType("attr", "validate");
I'm trying to do a goto thing with the cycle plugin. I've succeeded with the same thing before. The only thing that happens now is that it goes to the first index/restarts.
$('#id').cycle(n); always gets me the first slide. I've checked that the n value is a number/integer. The only thing I can come up with is some kind of conflict.I'm also using jcarousel but when I deactivate that it's the same problem.
Does anybody have clue about what might be going on? Or maybe how to troubleshoot?
I've implemented a photo gallery using Galleria and jCarousel on my site, and have chosen to use custom thumbnails instead of having Galleria generate them for me from the source images.
As far as I can tell, there may be an advantage in conserving bandwidth with this method, but the page also degrades to a nice set of thumbnails that link to the larger images (which is very nice, IMO).
Everything works beautifully, however when viewing this gallery for the first time, instead of the large image fading in nicely as it does in the Galleria demo, it almost kind of "slides" the image into view like it's rendering pieces of it as it loads in the container. This is definitely an effect i would like to avoid, but I also thought that one of the benefits of Galleria was that it pre-loaded images in the background, right?
So why does my gallery appear to be loading these images "on-demand"?
I'm using a Jquery plugin called coin slider as a slider for my website. However, I do not like the transitions that are available in this plugin as they're kinda cheesy. I was wondering how I would go about using a different jquery transition such as a simple fade? I'm kinda stuck with coin slider as this is used on a wordpress site and I don't have the time to customize any other jquery slider to work with wordpress and dynamically pull the latest articles etc.
In IE8, Cycle appears to be applying styling _after_ the transition, and it produces a weird visual effect.
Take a look at the bottom demos in IE8 on the Intermediate-2 examples from the Cycle site. See how the styling on the font changes after transition? [URL]
I've been running this test cycle plugin slideshow now for over a week..[URL]..but starting today all of a sudden am getting this error in Firebug console: [cycle] unknown transition: scrollHorz ; slideshow terminating even if I switch to transition:'none' I get error: [cycle] unknown transition: none ; slideshow terminating I haven't changed anything, I don't get it[URL]..
How to add 'slideHorz' transition and 'pager' options in JQuery Cycle Lite?I don't want to use the full version of JQuery Cycle because it would be too much for my purpose.
Also,Is that possible to use our own thumbnail as the anchor?
I am using the Cycle plugin for image slideshows, and I am working on one that also displays a title for each slide with a link. The issue is that the title swaps a little after the image swaps, so there is a delay. Here is my code:
I am new to jquery in anycase I have a db with information about the location of pictures, and I want to use that information to create a gallery with transition effects using the cycle plugin. Right now I can get the info that I need into the <img src=""/> using the code I have, the problem is it keeps giving empty values along with the actual values. To check what was happening I included a navigation bar for each picture and even though I should have 3 results in my query, I am getting 5 pages i.e. the extra ones are empty. I want to know if this problem is because of my php or something wrong I have done with the jquery.
The code I have is pretty simple. <style type="text/css"> .slideshow { height: 210px; width: 210px; margin: auto } .slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; } #nav a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px; } #nav a.activeSlide { background: #F90 } #nav a:focus { outline: none; }
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.
- works as expected in that one photo fades into the next photo smoothly. Test page looks great - [url]
However, when I put the exact same code into Thesis/WordPress, I get a long delay between the images, and spend several seconds looking at a blank stage - [url]
Why would that be? How to make the images transition fade smoothly into the next image
I am using the the jQuery Cycle Plugin and it's custom transitions to animate some <div>'s. For some reason only the first div will animate. Once it fades out the second div should fade in, but it doesn't. Once the cycle finished and returns to the first <div>, it animates properly and then continues to not fade the others.
I'm using the jQuery Cycle plugin to slide some posts in wordpress, each with it's own image. As the slider should take the whole width of the screen but staying at 600px height I tried for all means to use the fit, width, height options in order to make that happen, with no success at all (apparently, it wont enlarge the images if needed).
So I wrote this little function and managed to make it work by adding it INTO the Cycle script itself (I mean the cycle js file):
$slides.each(function(){ var $slide = $(this); var ratio = (opts.aspect === true) ? $slide.width()/$slide.height() : opts.aspect;
[Code]....
Now, I'm not sure (thinking surely not, right?) if I can add code directly into the Cycle js file, legally, I mean, without infringing the licence. Is there a way to make that function work for each slide (as a "for each slide independently do THIS...") from the jQuery call to the Cycle script, through some of the options?
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.URL...Here is my javascript code that pulls in the feed from Picasa and then initializes Cycle. I also automatically generate the thumbnails for the pager here too. Does Cycle read from the raw html rather than from generated html? [code]
I have a problem with jquery not working in JSP. I have downloaded a theme in jquery but it does not seem to work. And I do not know what is the problem why it does not seem to work. I am very new to jquery and JEE. I am actually rushing this project as the deadline is very near.
this is my jsp code: (the markup is from the demo of the theme I downloaded in jquery theme roller since I meant to see how it would look first before implementing) code...
This is a makeshift sort function for a table. I want to replace a div contents with a javascript function call. It works fine if I define the individual case, but the general case doesn't work. The problem lies with the +divHold+ part. It never converges to the passed value on the 2nd iteration. This is my Div:
Cycle plugin displays horizontally my vertical photos (photos taken with my camera in portrait position).The same photos are displayed vertically (the right way) by other imaging applications (e.g. Photoshop and Finder or Preview in OSX).The same photos are displayed horizontally (the wrong way) by Safari and Firefox (IE not tested). Cycle seems to rely upon browser poor orientation recognizion.how to make Cycle Plugin aware of the right photo orientation?
I have tried various things to get this to work in IE, and I'm not sure why it won't work. The shuffle effect works, but not properly. It works in all the other browsers just fine. I've uploaded the code to jsbin here: [URL] I need this solved by the end of the day tomorrow, so if someone wants to take a look at it, please let me know what you think.
I have yet to be able to do this successfully. I am using the Cycle Plugin to cycle through a series of images and corresponding caption. To show the images, I use:
Problem: The captions do not effectively cycle. What appears is the first caption from php the_excerpt but it does not change to the next php the_excerpt text. Can I solve this problem so I get the text from php the_excerpt to correspond to each image??
Ok here is the problem I am running the cycle plugin on a webiste I am currently working on. It works in IE9 with and without compatability modeBUT in FF and Chrome no joy!!! The place where my slideshow is supposed to be is blank white. See Site [URL] Not sure what the heck is going on anymore. I had a lot of problems with this site but i fixed 90% of them by reworking my css.
