Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Senior Member bamme's Avatar
    Join Date
    Aug 2009
    Posts
    319
    Member #
    19662
    Liked
    1 times
    Hi all,

    Please see the following page: http://bit.ly/ZoQf0v

    It uses a jquery accordion slider. The screenshot at: http://junkclub.com/files/sliderprob...nshot%201a.png shows how the page SHOULD appear, and http://junkclub.com/files/sliderprob...nshot%201b.png shows how it SHOULD look when a slider is hovered over.

    Sometimes it looks fine. However other times, the images fail to all appear, and then when you hover over, they DO appear but span out of the container and/or not all of them load.

    If you refresh the page a few times you'll see this happening yourself.

    Please see http://junkclub.com/files/sliderprob...enshot%202.png and http://junkclub.com/files/sliderprob...enshot%203.png for this:

    I was thinking perhaps this is an issue with images loading but I'd like to ask the advice of those who are more knowledgeable with javascript than I am about what you think the problem is and how it can be resolved?

    Some help would be really appreciated here!

    Thanks very much

  2.  

  3. #2
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    I think the problem lies in the fact the the link in your <head> links to a download of the jquery file.(around line 21)
    <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>

    I went to Google ( https://developers.google.com/speed/...evguide#jquery) and found this snippet that should be used:
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

    The difference being that in the one you've got your are callin the file for download, and in the one Google suggests, you are calling into a library in order to use f=the files stored there.

    And if you're wondering, the missing leading http: is a trick which allows you to use a single reference that works on both HTTP and HTTPS pages.

    Try that and let me know how it goes.

    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 08:52 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com