Posted by manorton on September 26, 2008 at 10:51pm
11 followers
Jump to:
| Project: | Views Rotator |
| Version: | 6.x-1.0-alpha2 |
| Component: | Miscellaneous |
| Category: | feature request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
I have a view set up using some basic CCK image_field content. Works great with the small exception of it front loading all 5 images as the page loads. They run down the screen then fold up into the Is there a way to preload, or solve this in the rotator itself or is it a setting elsewhere?
Thanks and keep up the great work.
Comments
#1
When the page loads all of your rows display for a second when the page starts? If that's the case it would be a CSS issue because there is CSS telling the rows after the first one to not display. Do you have an example link you can share?
#2
I'm having the same issue; all images show for a second before they come together and the slideshow begins. Here's a link: http://medvita.no/medvita.no/
If there's a css way to solve this, I would be very interested to know!
#3
I can't reproduce this effect at the url you gave. What browser/version/OS are you on?
#4
Thanks for your reply!
I'm on mac os; same thing with ff, opera and safari. The client's ie 7 does the same thing.
#5
What version of drupal are you using (e.g., 6.1, 6.2, 6.4)? I ask because there was a point where jQuery was updated during the 6.x revisions.
I'll try and look more into this. It'll be tough to test when I can't reproduce the problems.
#6
Thanks again!
I'm on 6.6, and I use the jQuery Plugin. Is there anything I can look for in the css?
#7
I'm having the same issue. Although, it doesnt appear for me in firefox 3, it does in IE... but ive looked at it on other people's computers using firefox 3 and the images all appear.
#8
I wonder if the issue has to do with drupal shipping with a packed version of jquery. Packed js files can take 50ms to 200ms to unpack and execute. This can cause a flicker on some pages. Try installing the jQuery Update module and setting the JS Compression to minified or min (I can't remember what it says).
#9
I tried all settings with how the js files are packed, the issue still remains. Its the strangest thing, I can duplicate the issue once in awhile in IE, but not firefox... I tested it on 3 other computers, 2 of them dont have the issue and the third has the issue occur every time in every browser. I wish I could figure out what's causing it or how to ensure that the slides wont display until they're supposed to.
#10
Packed? You mean you tried all the ways the core js files are compressed? I ask for clarification because packed is a form of compression just like minification is. minification and packed are different.
#11
sorry, i meant i tried packed, minified and no compression, all results were the same, no change. I noticed on the one computer that picks up the bug that it only occurs every other reload in firefox
#12
I would be interested to hear if anyone has seen the pattern as to when and why this happens. Ideas?
#13
I have the same: latest Chrome, IE6, latest FF.
Strange, that a few first days, when testing, all was fine. Now... it blinks in every
browser... Arggh! :]
It is here, working with multiple nodes rotated:
-> http://video.google.pl/videoplay?docid=-5485188074639533903&hl=pl
(Drupal 6 with all the latest releases)
Szy.
#14
'overflow: hidden' fixed the problem.
@perandre: how did you solve the problem?
Szy.
#15
I didn't! Will try overflow :)
#16
I didn't! Will try overflow :)
#17
Hi Szy,
Could you (or someone else) please tell me where and how this 'overflow: hidden' should be specified.
And also if the JQuery update module has to be installed for this to be working?
Many Thanks
Sanjay
#18
I turned "Optimize CSS files: Enabled" and "Optimize JavaScript files: Enabled" in site configuration>performance and it worked for me.
I'm using Views_Showcase
#19
I had this problem on my local dev copy and was never able to figure it out. There was no pattern that developed, it just seemed to happen about 10-20% of the time.
Since I took the site live over a month ago I have not seen it happen once. I have a feeling it has to do with the fact that I turned on "Optimize CSS files: Enabled" and "Optimize JavaScript files: Enabled" in site configuration>performance like saintofmadness did.
#20
+1 to sk_mamp_nb...
Where I have to specify the "overflow: hidden" style?
Could someone give us an example CSS?
thanks in advance,
mano.
#21
#22
I have changed the views-rotator.css
from the
div.views-rotator-item,
div#views-rotator {
margin: 0;
padding: 0;
}
to
div.views-rotator-item,div#views-rotator {
margin: 0;
padding: 0;
overflow: hidden;
}
But it didn't work ??
the fold up still occurs
Where I have to specify the "overflow: hidden" style?
ManosK
http://websynergy.gr/
#23
@manos_ws I think you also need a height on that element (maybe even display:block).