SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Coda-Slider 2 problem with Chrome

    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. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Hi jrlago! Welcome to SitePoint.

    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:

    Code:
    <img src="images/usuarios.png" width="64px" height="64px">
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #4
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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
    Code JavaScript:
    		// 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
    Code JavaScript:
    		// Set the height of the first panel
    		if (settings.autoHeight) {
    			panelHeight = $('.panel:eq(' + (currentPanel - 2) + ')', slider).height();
    			slider.css({ height: panelHeight });
    		};

    Thanks


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •