Grow your CSS skills. Land your dream job.

JQuery Innerfade not Working

  • # July 31, 2009 at 11:11 am

    Hie
    It is my first time using jquery innerfade and I cannot seem to make it work. I have been trying for the past couple of hours and I hope someone can help.

    I would like to swap three different images which are in the same div instead of using Flash but right now they are appearing one below the other.

    My call is
    $(document).ready(

    function() {

    $(‘div#pic’).innerfade({
    speed: 1000,
    timeout: 5000,
    type: ‘sequence’,
    containerheight:’323px,

    });
    });
    Have a look http://creativeastro.com/MSHeating/index.php

    # July 31, 2009 at 12:44 pm

    You need to load the JQuery library. jQuery plugins won’t work without it. :D

    If you are trying to do what I think you are trying to do then the best option is http://malsup.com/jquery/cycle/lite/

    # July 31, 2009 at 12:53 pm

    Yes that is what I am trying to do.
    I have uploaded the innerfade.js and the other one into my js folder on the server and referenced it in index.php within the head tags. Is this what you mean by the library?

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




    # July 31, 2009 at 1:12 pm

    No, I mean the jQuery library.

    Either download it from http://jquery.com/, upload it to your server and link to it from the document head before you call any other scripts, or link to the google hosted version

    Code:
    # July 31, 2009 at 1:19 pm

    Okay thanks, I will try that now and will let you know if that works

    # August 1, 2009 at 9:00 am

    Hie
    I downloaded the plugin and uploaded it to my server in my js folder and referenced it within my head tags but I cannot get it to work. The images are one on top of the other. I am sure there must be something missing but I cannot figure out what it could be.
    Any help much appreciated.

    # August 1, 2009 at 9:46 am

    Look at my last post:

    Quote:
    link to it from the document head before you call any other scripts

    "before" – not after or inbetween but before.

    # August 1, 2009 at 10:29 am

    Is the code below correct

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



    # August 1, 2009 at 10:53 am

    Like this:

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".