Thanks!!!!
On 26 Jan., 16:42, Eric Garside <gars...@gmail.com> wrote:
> Ugh, sorry. Mondays. ;_;
>
> The correct code should be:
> $('.show_img').hover(
> function(){
> $($(this).attr('href')).show()
> },
> function(){
> $($(this).attr('href')).hide()
> }
> );
>
> On Jan 26, 10:33 am, Eric Garside <gars...@gmail.com> wrote:
>
> > Lets assume you have the following html:
>
> > <a href="#image_1" class="show_image">Show Image</a>
> > <a href="#otherImg" class="show_image">Show Image</a>
> > <a href="#image_2" class="show_image">Show Image</a>
>
> > <img src="a.png" id="image_1" alt="Some Image"/>
> > <img src="b.png" id="otherImg" alt="Some Image"/>
> > <img src="c.png" id="image_2" alt="Some Image"/>
>
> > Then the code you want is:
>
> > $('.show_img').hover(
> > function(){
> > $(this.href).show()
> > },
> > function(){
> > $(this.href).hide()
> > }
> > );
>
> > this.href contains the jQuery selector you want to make visible, and
> > corresponds with the id attribute of the images.
>
> > On Jan 26, 10:23 am, Crazy-Achmet <crazyach...@gmail.com> wrote:
>
> > > Hey,
>
> > > sorry for the weird topic but i couldn't find a better one so i choose
> > > this! ;)
>
> > > Right now, i got this code:
>
> > > $('.show_image').hover(
> > > function(){
> > > $('.image').show();
> > > },
> > > function(){
> > > $('.image').hide();
> > > }
> > > );
>
> > > The href looks like this:
>
> > > <a href="#" class='show_image' id="image_1">Show Image 1</a>
> > > ...
>
> > > So, if i mouseover one of my 10 show_image classes, all image are
> > > shown. What i want is, that only the image with the select ID is
> > > shown.
> > > I thought, that i could do something like this:
>
> > > $(this).ID of this.some text to reach the image.show()
>
> > > I hope you understand what i mean.
>
> > > Thanks for your help
>
> > > Flo
No comments:
Post a Comment