2

I want to fade in background-images on a different disjointed div...

http://www.bpanzullo.com/WebTech/index.html

Using id's from the leftnav class (either hover or click is OK) to show up in the #rightcol div using #rightcol background-image (using jQuery, but CSS is OK too).

<div id="leftcol">
   <div class="content">
    <ul class="leftav">
        <li class="leftnav" id="webhosting"><a href="#">Web Hosting<span class="greenSmall">Get more information</span></a></li>
        <li class="leftnav" id="cpanel"><a href="#">cPanel<span class="greenSmall">Get more information</span></a></li>
        <li class="leftnav" id="emailhosting"><a href="#">Email Hosting<span class="greenSmall">Get more information</span></a></li>
        <li class="leftnav" id="reseller"><a href="#">Reseller<span class="greenSmall">Get more information</span></a></li>
    </ul>
   </div>
  </div>

//then have the background-images show up below inside the #rightcol div

<div id="rightcol"> 
</div>
Bob Panzullo
  • 31
  • 4

2 Answers2

1

Someone found the answer of why it wasn't working - I used the word language instead of type in the opening javascript declaration:

script language="text/javascript"

script type="text/javascript"

    $(document).ready(function(){

    $('#webhosting').click(function() { 
        $('#rightcol').css("background-image", "url(css3menu/webhosting.png)"); 
     }); 

    $('#cpanel').click(function() { 
        $('#rightcol').css("background-image", "url(css3menu/cpanel.png)"); 
     });

etc.

Jack
  • 10,943
  • 13
  • 50
  • 65
Bob Panzullo
  • 31
  • 4
0

First copy the content

$("#rightcol").append($("#leftcol .content").html());

After that call the effect

Jack
  • 10,943
  • 13
  • 50
  • 65
Alberto León
  • 2,879
  • 2
  • 25
  • 24
  • I think I'm close with this: – Bob Panzullo Sep 08 '12 at 20:02
  • Someone found the answer of why it wasn't working - I used the word language instead of type in the opening javascript declaration: – Bob Panzullo Sep 11 '12 at 22:17
  • @BobPanzullo I think is best you remove this question and reformulate it with all code – Alberto León Sep 11 '12 at 22:21