Image swaping inside of anything slider does not work. about anythingslider HOT 9 CLOSED

I would suggest using jquery to perform the image-swap, or css if possible. You'll have a MUCH easier time of it with either of these two solutions.

from anythingslider.

would you like me to send you a zip of an example?

& before i do i'll try with jquery, do you have a recommendation or example i can refer to?

from anythingslider.

Merrifield69, try adding an ID like this:

 <a href="#"><img src="images/slide-civil-1.jpg" id="test" alt="" /></a>

 $('#test').hover(function(){
  this.old = this.src;
  this.src = 'images/slide-env-1.jpg';
 },function(){
  this.src = this.old;
 });

from anythingslider.

Thank you Morttie,
This jquery rollover does work outside of the li tags
but once inclosed in li tags it does not work. like so

<div class="anythingSlider">
    <div class="wrapper">
        <ul>
            <li>
                <a href="#"><img src="images/ring/ring.png" id="test" alt="" /></a>
            </li>
        </ul>
    </div>
</div>
    <script type="text/javascript">
$('#test').hover(function(){
 this.old = this.src;
 this.src = 'images/ring/project_on.png';
},function(){
 this.src = this.old;
});
    </script>

from anythingslider.

It works for me.. I think you need to wrap the script above with a $(document).ready(function(){...}), like this:

$(document).ready(function(){
 $('#test').hover(function(){
  this.old = this.src;
  this.src = 'images/slide-civil-2.jpg';
 },function(){
  this.src = this.old;
 });
});

from anythingslider.

Beautiful, that works Mottie, thank you for that.

last question i promise :]
is there anyway to change this image to different images based on where the user hovered. previously i was using an image map and an onmouseover swap image script, but im not sure how i would do that with jquery...

Thank you

from anythingslider.

Well you could create a bunch of links and position them using css on top of an image in different arrangements, creating hover events for each. Honestly though when the hovering approach gets complex I still fall back to a map out of convenience. Nothing stops you from using jquery with a map though, just learn how to use jQuery selectors properly.

from anythingslider.

I've finally got it working!

Thank you very much ProLoser & Mottie

from anythingslider.

No problem, glad it works.

from anythingslider.