Is it possible to use jQuery into background-image of different div?

Question

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>

Jack · Accepted Answer · 2012-09-12 21:05:07Z

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.

edited Sep 12, 2012 at 21:05

Jack

11k13 gold badges52 silver badges65 bronze badges

answered Sep 11, 2012 at 22:24

Bob Panzullo

314 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jack · Accepted Answer · 2012-09-12 21:06:00Z

0

First copy the content

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

After that call the effect

edited Sep 12, 2012 at 21:06

Jack

11k13 gold badges52 silver badges65 bronze badges

answered Sep 8, 2012 at 17:45

Alberto León

2,9112 gold badges28 silver badges27 bronze badges

3 Comments

Bob Panzullo Over a year ago

I think I'm close with this: <script language="text/javascript"> $(document).ready(function() { $('#emailhosting').click(function() { $('#rightcol').css("background-image", "url(bpanzullo.com/WebTech/css3menu/emailhosting.png)"); }); }); </script>

Bob Panzullo Over a year ago

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.

Alberto León Over a year ago

@BobPanzullo I think is best you remove this question and reformulate it with all code

Collectives™ on Stack Overflow

Is it possible to use jQuery into background-image of different div?

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related