1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Please Help With HTML =[

Discussion in 'BlackHat Lounge' started by SpellZ, Dec 5, 2010.

  1. SpellZ

    SpellZ Regular Member

    Joined:
    Feb 8, 2009
    Messages:
    357
    Likes Received:
    312
    Location:
    Toronto, ON
    Anyone? Plz.


     
  2. imperial109

    imperial109 Regular Member

    Joined:
    Jan 19, 2009
    Messages:
    499
    Likes Received:
    361
    There's javascript there. Javascript is one of those languages where it's very descriptive so if you take the time to go through it line by line, you'll understand what's going on.

    When you don't understand a command, head over to w3schools and look it up.
     
  3. eskimo

    eskimo Regular Member

    Joined:
    Dec 1, 2008
    Messages:
    474
    Likes Received:
    178
    Haven't tested this but you can do something it like

    Code:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
       $('.link1').click(function(){
           $('.all').hide();      
           $('.link1images').fadeIn();
       });
    
       $('.link2').click(function(){
           $('.all').hide();      
           $('.link2images').fadeIn();
       });
    
       $('.link3').click(function(){
           $('.all').hide();      
           $('.link3images').fadeIn();
       });
    });
    <script>
    
    and then your html you will need to add:
    on your links link you need to add the class like so:

    HTML:
        <a href="whatver" class="link1">link</a>
        <a href="whatver" class="link2">link</a>
        <a href="whatver" class="link3">link</a>
    
    Then on the images you want to appear you need to add adiv around them, or give them each a class, like:

    HTML:
    <div class="link1images all">Images for link 1 go here</div>
    <div class="link2images all">Images for link 1 go here</div>
    <div class="link3images all">Images for link 1 go here</div>
    
    or like so

    HTML:
    <img src="whatver" class="link1images all"/>
    <img src="whatver" class="link2images all"/>
    <img src="whatver" class="link3images all"/>
    
    Hope that helps, give me a PM if you need help