When I'm refreshing the page with the nivo sliders the first image is displayed as \[code\]1000x1200\[/code\] dimensions and the other ones are alright like they're set to be (\[code\]700x408\[/code\])
This problem applies to mozilla and chrome (not ie)this is the code:\[code\]<div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <img src="http://stackoverflow.com/questions/14551216/images/1.jpg" data-thumb="images/1.jpg" alt="" /> <a href="http://dev7studios.com"><img src="http://stackoverflow.com/questions/14551216/images/2.jpg" data-thumb="images/2.jpg" alt="" title="This is an example of a caption" /></a> <img src="http://stackoverflow.com/questions/14551216/images/3.jpg" data-thumb="images/3.jpg" alt="" data-transition="slideInLeft" /> <img src="http://stackoverflow.com/questions/14551216/images/4.jpg" data-thumb="images/4.jpg" alt="" title="#htmlcaption" /> </div>\[/code\]I have added: \[code\]style="width:700px;height:408px;\[/code\] for the specific w&h
This problem applies to mozilla and chrome (not ie)this is the code:\[code\]<div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <img src="http://stackoverflow.com/questions/14551216/images/1.jpg" data-thumb="images/1.jpg" alt="" /> <a href="http://dev7studios.com"><img src="http://stackoverflow.com/questions/14551216/images/2.jpg" data-thumb="images/2.jpg" alt="" title="This is an example of a caption" /></a> <img src="http://stackoverflow.com/questions/14551216/images/3.jpg" data-thumb="images/3.jpg" alt="" data-transition="slideInLeft" /> <img src="http://stackoverflow.com/questions/14551216/images/4.jpg" data-thumb="images/4.jpg" alt="" title="#htmlcaption" /> </div>\[/code\]I have added: \[code\]style="width:700px;height:408px;\[/code\] for the specific w&h