Coda-Slider 2 problem with Chrome

JavaScript
1

Hi, see if you can help me, I’m messing with Coda2 http://www.ndoherty.biz/demos/coda-slider/2.0/, everything is going great until I test it on Chrome, where to load the first page not correctly adjust the size slider cutting its content, you can visually see it more here: http://www.estudio713.es/coda2/#2

I would appreciate any suggestions, I have 3 hours trying things and nothing, the author forums is off by bots and nothing in it.

Thank you very much in advance.

Jorge.

2

Hi jrlago! Welcome to SitePoint. :slight_smile:

I have no idea if this will help, but just for the heck of it, add dimensions to the image in that div. It looks to me like the script is calculating the height before the image has loaded. If you set image dimensions, that may not happen. Just a wild guess, but worth a try:

<img src="images/usuarios.png" [COLOR="Red"]width="64px" height="64px"[/COLOR]>
3

Hi Ralph, thanks for the welcome and reply, I’ve tried every way possible but nothing, with dimensions of the image and without them and nothing, however the case with plain text, clicking the link will resize correctly but no initial charge. : (

Thanks for your answer, a greeting

Jorge

4

I finally got, I put it here in case anyone is interested, the change made is the following, which does not change anything in other browsers but Chrome solves the problem

In jquery.coda-slider-2.0.js


		// Set the height of the first panel
		if (settings.autoHeight) {
			panelHeight = $('.panel:eq(' + (currentPanel - 1) + ')', slider).height();
			slider.css({ height: panelHeight });
		};

only change the rest of current panel


		// Set the height of the first panel
		if (settings.autoHeight) {
			panelHeight = $('.panel:eq(' + (currentPanel - 2) + ')', slider).height();
			slider.css({ height: panelHeight });
		};

Thanks