images stacked - not in slideshow
goldoak jp - December 23, 2008 - 08:40
| Project: | Jquery Slideshow |
| Version: | 5.x-1.2 |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
Trying to get jquery_slideshow working on a dev site:
http://dev.lakecountryjournal.com/node/159
Instead of getting a slideshow, I'm just getting the images stacked one after the other.
Using:
- jquery_slideshow 5.x-1.2,
- imagecache 5.x-2.2,
- imagefield 5.x-2.1,
- jquery_plugins 5.x-1.3,
- jquery_update 5.x-2.0 (jquery version 1.2.6),
- drupal 5.14.
Made imagecache preset for images; slideshow settings are set to use preset.
Content type display field configuration set to "JQuery Slideshow" for full page view.
What am I missing? Any ideas?
Thanks
#1
jquery_plugins 5.x-1.3 does not include the cycle plugin by default. See http://drupal.org/node/328641 for an explanation.
You need to copy the file
http://www.shanestillwell.com/files/drupal/jquery.cycle.min.js
To your modules/jquery_plugin/ directory.
This should fix the problem. I really like your site, I live in Cloquet.
#2
I have the same issue. I uploaded the missing JS file but it did not fix the problem
#3
ok ... now the issue is that it will not rotate the images and the image that does display is floating as if the CSS were wrong.
UPDATE: It is rotating the images after a few hard refreshes but it floats the image incorrectly. Could this be a CSS issue?
UPDATE: It ended up that there was CSS embedded in the jquery.cycle.min.js file, once I change the position from "absolute" to "relative" it fixed the flotation error but the transition is not smooth like in the example. Note: You do not have to change the CSS anymore if you experience this problem.
Any ideas?
UPDATE: Figured it out ... I had to add a Height in the Imagecache setting for Scale. I did change back the CSS for the JS file to its original setting.
#4
#5
Automatically closed -- issue fixed for two weeks with no activity.
#6
I have this problem in Internet Explorer - the images are stacked and there is a javascript error. It works fine in Firefox
I see that one of the example sites on the project page also has this issue, but the one with the motorcycle displays ok in IE.
#7
Alright, same issue as dortez's I guess. I had put in 100% for height for scale in image, and when I looked at the source code of the page I see "100%px" for jquery slideshow's code... setting the height value to a pixel value instead of % in imagecache for the scale option fixed the problem in IE.
#8
Thanks for catching that.
#10
Works for me too, thank you!
#11
I have the same issue (http://www.slangenboren-online.nl/Slideshow-test4) I think I followed the advice:
Now it does rotate in FF, but the other problems persist: In IE, pictures are stacked and don't rotate. Both in FF and IE, images are displayed on top of surrounding text.
Can someone please be a bit more specific? I guess I'm simply overlooking something.
Thanks already!
Jeroen Strompf