by (230 points)
Hello everyone,

I have included a slider on my webside with the slider widget
(  {$imgrotator:Slider:1:2:680:240:scrollHorz} ).
But sometimes the images are displayed very small.
All slider images are 680x240,  but when I visit the website the first time
they are only 680x20  or so.. very "thin".
After I reload the website everything works fine. Is it a CSS-error somewhere, because I cant find it..

Thanks for any advice :)

2 Answers

by (900 points)
Hello.
Most often this is due to the fact that fulfills javascript faster than loading images in the slider sometimes the problem may be in style.
Could you throw a link to the page where there is this widget that we could tell you exactly what went wrong?
by (230 points)
Hey,
I still get this weird error, that my slider is very thin.
It is like the slider box reduce its size on the first visit of the webside,
after I reload everything is fine.

The CSS for the Slider is:

div.box_slider {
    border:0px solid #989898;
    height:244px;
    width:690px;
}
#slidershow {
    width:684px !important;
    height:218px !important;
    overflow:hidden;
    margin:3px;
}
#slidershow img {
    height: 218px !important;
}
#slider_prev, #slider_next {
    position:absolute;
    z-index:10;
    top:50px;
    opacity:0.8;
}
#slider_prev:hover, #slider_next:hover  {opacity:1;}
#slider_prev {left:3px;}
#slider_next {right:3px;}

webpage  www.baumspezi.de

Do you have another idea what could be wrong?

Thanks a lot
by (230 points)
Hello,
thanks so far, I will look into it!
Here is the link to the webpage, the slider is right on the mainpage.
http://baumspezi.de/
best regards
by (450 points)
Hi, using Chrome on linux the slider looks fine. Did you find what the error was?
...