JQuery :: Cycle - Edit (remove) Text For A Slideshow Button?
Nov 16, 2010
I am trying to adapt the addSlide demo 5 [URL] but instead of using buttons created by css I wish to use images.
So I'm largely okay with that, have found the #nav container and defined my background-image images but these are overwritten by textual digits and I'm not sure where these are generated from. Most likely something in my main.js file though I can't figure out what exactly. I'm using cycle as follows:
$(function() {
var stack = [];
// preload images into an array
for (var i = 3; i < 5; i++) {
I want a div to change between 2 slides using the blindZ effect when the mouse hovers over a menu div. however, I am getting a 2 second delay before the first slide moves. I have played with all the timing options I am aware of..
I'm using a simple fade slideshow of 5 images on my site's home page. This works fine in everything except IE6 and IE7. In these browsers, all of the images are displayed at the same time one right after another. The slideshow does not cycle...it is static images.
I am sort of new to jquery but have mucked around in it for drop down menus and simple autoplay slideshows. I am now working on a project I found using the cycle plug-in. How do I make this not autoplay? Would like this to be only user controlled with next/previous text/buttons. I am converting flash based flipbook [URL] into a jquery document using the cycle plugin with fade transition. It seems that making this not autoplay would be simple. Just unsure of how and where to do this. Here is what I have so far: [URL] Other questions that I have is can I put these images into CSS background like the slideshow that we use on our homepage? [URL]
I want the slideshow to be in pause mode when the page loads. I can add a button to resume but can't figure out how to pause on load.I've tried several things. Here's the last attempt that didn't work.
I have a sideshow to add to a clients site, my plan is to utilise the cycle plugin (correct me if I'm wrong, a little new to all this). The critical aspect is that we have an image which should only be seen once, this being the very first image in the set, this will carry into the cycle/slideshow, but when it loops/repeats i want to skip past this first image.
I'm having trouble with the z-order in a slideshow made with cycle. Basically, my slides are an unordered list. Each list item is a slide with a background image, some text and a link. The relevant snippets of code are shown below.I have two absolutely positioned elements. One that is a div that goes around the entire <ul> that kind of frames the slide show. A second one is the link inside each <li>.The problem is that the link inside the <li> isn't clickable, even though it displays correctly.I think I have the z-index set correctly for all elements. If I turn off the slide show, it is clickable, suggesting I have it correct. If I remove the outside "frame" <div>, it is also clickable. It is only when they are both present, and the slide show is running, that the link becomes dead.
I have a pager turned on, but that doesn't affect this situation. I left it in, because it represents another absolutely positioned element that does work within the "frame".Both the pager and the frame are positioned above the slide.So, it seems something is happening when the slide show runs that I don't understand and is conflicting with elements it doesn't know about.Here's the code
I'm creating a slideshow using the Cycle plugin. I'm using Prev / Next options to trigger the transitions and also "alt" attribute to show some metadata on each slide. My question is: Can I use some other metadata to show captions with links in it? I followed [URL] to create this slideshow, but I can't see how to implement links on captions.
I'm using the jQuery Cycle plugin to build a slideshow that the main image is wrapped in an anchor and also has the thumbnailnavigation. I basically have the same code from the demo page of jQuery Cycle. Once I wrapped the images in a link the thumbnails broke. I have tried dropping the "slide.src" for $('#slideshow img).attr('src') but that still comes back as undefined.
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 to all be separate, yet i want them all to be look like theyre in sync. I would also want the pause on hover to work for the entire parent div #projects so each div stops fading in/out.
My jQuery cycle slideshow was working beautifully before I tried to implement previous / next nav based on the demo at [URL]. I broke it doing something dumb. I am using images instead of text links, but that should not be an issue.
I would like user to be able to switch photos manually (with "next" and "previous" links ) or automatically, i.e., to have a link on the page that says "play slideshow" or something, then the slides switch automatically, like this guy has here, [URL] ("play" link in the middle switches photos automatically; he doesn't use cycle plugin, but I'd like to do this w/cycle plugin if possible..)
I'm interested in doing something with the Cycle plugin that's very similar to this:which is basically to have a slideshow that only runs when the mouse is over the div itscontained in. But--I'd like the slideshow to not only just run onmouseover, but also to not bevisible accept onmouseover: this way the div that contains the slideshow could have an altogether separate background image that is displayed when the slideshow isn't playing. If there's some kind of function that's built into the Cycle plugin that would achieve the sameeffect, that'd be even better
Is there a way to replace the first slide in a running slideshow such that it's shown only once?? I've been trying variations on something like this with no success. The element is replaced, but cycle doesn't show it.
function doBefore(){ var i = $(".slide").index(this); if (i == 1){
I'm creating a slider with the Cycle plugin and ran into a little bit of a road block.
What I want to do is simply have anchor links on my slideshow images, which I can get working just fine, except that when I add these anchor links, it removes my image caption (which worked prior to adding anchors on my images)
i'm having a small problem with getting the captions to display from a slideshow... i've got multiple slideshows on the page which i guess could be causing the problem... i'm not getting any errors, but no caption is being displayed... here is a section of my html....
I want to remove a specific box when i click on the remove button in that box. I have a lot of boxes on a page but when i click on the remove btn it removes all the boxes. I just want to remove the box where i click on the delete btn.
This is the js code: $(".del").click(function() { $('div.floating-box').remove(); });
I am using a jQuery Cycle plugin,it runs automatically even if you do not use the previous and next buttons which is good.But if I put my mouse over the plugin, it will stop until I take my mouse off it.
I'm trying to get a next/previous arrow to float over the right/left edges of a slideshow div. I'm using to absolutely positioned divs to contain the next/previous buttons but for whatever reason they refuse to display above the slideshow div. Is there any way to get controllers to float over the cycle container?
Here's my code and if you give it a try you won't see the floating next/previous buttons unless you change the 'top' values for #next_btn and #prev_btn in the CSS to be greater than the height of the image (change to 410 to see them in my example):
I'm trying to create a button that when pressed will remove the last character entered in a text field called "cell" using jQuery. Here is what I have:
