image - Multiple jQuery Slideshows on 1 page -
(Update)
I have a bunch of images group (like an album) I want to show everyone on one page. That's why I have a box with a single thumbnail of each album and use jquery to extend the box and change the thumbnails along with the slideshow of all the images for that album.
& lt; Div class = "slideshowContainer" & gt; & Lt; Div class = "slide" & gt; & Lt; Img / & gt; & Lt; / Div & gt; & Lt; Div class = "slide" & gt; & Lt; Img / & gt; & Lt; / Div & gt; & Lt; / Div & gt; The jquery inserts a 'SlideInner' device around all these slides to swipe in the side. This is where the problem is. Because there are many examples of slideshows on the page, it only wraps around all divs with class 'slides' instead of people for that album, effectively leaving any other blank by dragging all the images in the slideshow for an album gives.
The HTML is generated by PHP, so when I can add a unique class to each slideshow, I do not necessarily know the value.
Edit: I've updated the code to call the script as a function, when clicked and generated on the php-click elements using this $ for that element Id. Slideshows now recognize only the right image for that album, but now there are 2 new issues:
1.) The width of the 'slide -in' div is now very much being calculated and so it will give you the status Continue to allow to move, even if 'slide' only has x amount of divs.
2.) Strange things happen when you scale the box back and then open it again. I am assuming this because the slideshow function is now called twice on the same element is. How can I finish / reset the job when the box is closed?
I think that you just need to perform various functions to initialize the albums and only those slides you want , Give her an ID to choose.
Function Init Album (id) {var slides = $ ('#' + + ID + 'eslied'); Var numberoffslide = slide.label; // Remove scrollbar in JS $ ('. Slideshow container'). CSS ('overflow', 'hidden'); // All wrap #slideInner slides with slide slides. WrapAll ('
Comments
Post a Comment