Welcome Guest ( Log In | Register)



 
Reply to this topicStart new topic
> Jquery Fadein Help, How do I make it do this?
BooZker
post Sep 16 2007, 02:04 AM
Post #1


Mad Scientist of 2006
*********

Group: [HOSTED]
Posts: 750
Joined: 27-April 06
From: Washington State in the USA
Member No.: 22,661
T17 GFX Crew



Problem fixed! SORRY. You can delete this topic or keep it up for people later on. I fixed the code so it will fade a div on page load. So if anyone wants to use it!


jQuery makes it super easy to make things fade in and out, but I don't know how to do this and there site isn't responding fast enough. I have waited 30 mins! laugh.gif Anyways all I want is something super simple with jQuery

I have a logo as a background image in my CSS in a div with a class of .logo. I want that to load slowly when the page loads. So you would go to my site and you wouldnt see anything for just a second then the logo fades in. I could use flash, yes, but that's icky and bloated for something so simple that I know I can do with jQuery. Here is the code that I was editing to try to get it to work. How and what do i do?

CODE
<script type="text/javascript">
    $(document).ready(function(){
    $('div.logo').fadeIn('slow');

    });
    </script>


This is what the HTML looks like that I want to have fade in

CODE
<div class="logo"></div>


and the CSS

CODE
.logo {
    
    margin:126px auto;
    background:url(../images/styles/logo.jpg);
    border:none;
    color:#ffffff;
    width:536px;
    height:171px;
       display:hidden;
    
}


right now i have it working... but not the way i want. Right now it fades in like the text on http://15daysofjquery.com/

This post has been edited by BooZker: Sep 16 2007, 02:22 AM
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Jquery Help: Scrolling Images Vertically(0)


 



- Lo-Fi Version Time is now: 13th October 2008 - 11:31 AM