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.
I use this library for almost all my slideshows, and have not had a problem up until now. I know the JS files being referenced are correct, the image paths are correct, so what seems to be the hiccup here? I am willing to bet its something simple.
http:[url]....how the three images just stack now, with the jquery cycle plug-in they are supposed to fade.
Somebody asked me if it would be possible to add auto-advance to a web form where there are a lot of repetitive 5 character fields. I took a look around the web and found a script, which appears to work in the couple of browsers I tried it in. However, when I look at the script it appears to have the wrong number of brackets. Then when I changed the script to the way I thought it should be, it still worked!
A couple of questions:
Are the brackets in the original script below wrong or am I missing something?
Can anyone recommend a different auto-advance script?
Or, is auto-advancing a bad idea all around from a usability/accessibility point of view?....
I have created a site and on one page it uses 2 divs side by side to display text information. in the left hand div it contains 8 links. these links when clicked load up text stored in separate text files and display it in the right hand div.The code below was working when i ran it from my mac but when i try to load it off the webhost it fails to execute.
I have been trying all morning to put a basic slideshow into my site from the below link[URL]... am pretty new to this and having to host my images on Photobucket as I use Big Cartel. I cannot figure out where to put the image links and do they need -
I am re-designing my website and I want it to resize itself according to each visitors browser and resolution settings. I have been trying for hours to solve this issue but have found nothing. Here is the URL for the problem page.
See slideshow at URL: I want these slides to advance manually (on click only), not advance automatically.
There are only two sample slides here. Click the play button to advance to Slide 2 (end of show). On Slide 2, it does not advance automatically. However, click the play button again (back to Slide 1, beginning of show).At this point, it automatically advances to Slide 2. Can someone please tell me how to get the slides to advance OnClick only?
Here's a link to the JS file doing the actual work:[URL].. The key function is "next", which starts at line 57. This function is "bound" to each individual image - I think, or maybe to the image container as a whole - at line 118.
I tried using setTimeout (line 191) to trigger "next", but it complains that "el is undefined". I think this is because "next" is expecting a parent node that was clicked - an image element or something like that.
So I think I need to figure out how to pass the current/front-most image element in my setTimeout call of "next". But I can't figure out how to get a handle on that element - doesn't seem to be an obvious array of image elements I can grab, or a current element counter.
I found this script that uses Prototype and Scriptaculous to display imagesCan someone tell me if I'm able to set this so it automatically slides between images using the [sliderright] function effect.
Not what i would like but the client wants the browser re-sized on the site loading/refreshing... Been using the following and it works fine.... apart from in Safari. how i can get it working in Safari, or no chance?
I have several iframed Vimeo videos in a simple Cycle slideshow. Works great, except that the videos continue to play, once they're playing, even when they aren't the visible slide. How do I get the videos to pause when I click up the next slide, perhaps with Cycle's "before" function? For the life of me I can't find a solution via google
I've built a website and have used JQuery for the 1st time. Everything works fine in Firefox and Safari but IE is really giving me a headache now! The site can be seen HERE When you roll over the main links a sub menu rolls out, when you roll over the next main link the sub menu in view scrolls back in and the one associated with the new link scrolls out - please view in either FF or Safari to see it working.
In IE the functionality of the menus just doesn't cut it??? the 1st two (Company and Services) seem to work as expected when you roll back and forth over them, but the last 2 (Portfolio and Contact) are really flakey??? They stay scrolled out when they should be scrolling back in, although sometimes they do actually scroll in, and on the last one (Contact) only one of the two links in the sub menu appears and then its not clickable????? Again please conpare between FF and IE to see what i mean.
I'm somewhat new to JQuery, working on my first mobile app and using JQuery mobile. I'm having a problem with my page. I had it "working" in JQTouch but JQuery Mobile looks a lot better, so I wanted to try it.1. I have a form with a list of flavors on it that you can mark as a favorite (checkbox).
<!-- Set My Favorites --> <div data-role=
B - The style is somewhat a little off. Because all these DIVs are next to each other (I've tested a few manually) they should all be in one GROUP of checkboxes, but with my current code - its like each one is an individual button. So the CSS isn't getting applied completely correctly.
For my projet I need to creat an editor WYSIWYG (as CKeditor or WYMeditor [jQuery]) and after must research i see editor need iFrame for functioning.I don't understand when i can access to ifram..This is the creat code :
var myIframe = $('<iframe id="frame_'+myId+'" name="frameName_'+myId+'" frameborder="no" width="500" height="100">'); var myEditorBody = $('<div class="K_editor_body"></div>');
So Im trying to create a slideshow with thumbnails the user can scroll through and use to navigate the slideshow. I'm a big fan of cycle so I wanted to use that as my main slideshow component and was planning on using jcarousel for the pager. So far it works great in Firefox, Chrome, and Safari, yet in IE the thumbnails are not loading. I'm guessing it has something to do with how the images in the pager are generated and then jcarousel just isnt proccessing that in IE but I 'm not sure. I feel like I'm very close to getting this slideshow to work, yet I need to figure out why it is failing in IE.
I am using a simple prototype slideshow and a more comprehensive jquery slideshow on my website.When these are used on the same webpage on my website there appears to be a collision: (For example)Code:element.attachEvent is not a function[Break on this error] element.attachEvent("on" + actualEventName, responder); How can I avoid the conflict without reverting to a new slideshow?
How can I run code that attached my function to that event?
Using the very basic jqModal example, isn't it supposed to auto size and auto center the modal on the page? I placed a table that was wider than the modal's default settings and it's off the page and does not create scroll bars on the page to see the hidden section of the modal.
The default class is
Now, I know I can change the width of the modal but what about the positioning?