Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    append image click testo

    Buongiorno a tutti.....

    sicuramente mi stoperdendo in un bicchiere d'acqua, ma nn riesco a trovare la soluzione

    ho questo codice

    codice HTML:
    <script>
    jQuery(document).ready(function($){
    $('.sx li a img').click(function (event) {
     event.preventDefault();
     $('.dx').html('').append($('<img></img>').fadeIn( "slow" ).attr('src',$(this).parent('a').attr('href')));
    });
    });
    </script>
    
    </head>
    
    <body>
    <div class="cont">
      <div class="sx">
        <ul>
          <li><a href="img/decoltestoffa.jpg"><img src="thumb/decoltestoffa.png" alt="image" /></a></li>
          <li><a href="img/sandalodonna.jpg"><img src="thumb/sandalodonna.png" alt="image" /></a></li>
        </ul>
      </div>
      <div class="dx"></div>
    </div>
    che funziona benissimo, ma io vorrei che l'immagine si aprisse quando clicco un testo, cioè

    codice HTML:
    <script>
    jQuery(document).ready(function($){
    $('.sx li a').click(function (event) {
     event.preventDefault();
     $('.dx').html('').append($('<img></img>').fadeIn( "slow" ).attr('src',$(this).parent('a').attr('href')));
    });
    });
    </script>
    
    </head>
    
    <body>
    <div class="cont">
      <div class="sx">
        <ul>
           <li><a href="img/decoltestoffa.jpg">link 1</a></li>
          <li><a href="img/sandalodonna.jpg">link 2</a></li>
        </ul>
      </div>
      <div class="dx"></div>
    </div>
    ma così nn funziona
    ho cercato ma senza soluzione........

    dove sbaglio?!!??!

    grazie

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    .append($('<a></a>')
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    ma
    .append($('<img></img>') nn è riferito all'immagine che devo far apparire?!

    cmq sostituendo con .append($('<a></a>') non succede niente

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    ma io vorrei che l'immagine si aprisse quando clicco un testo
    Ciao, in questo caso devi togliere il parent qui:
    codice:
    ... $(this).parent('a').attr('href')
    Diventerà semplicemente:
    codice:
    ... $(this).attr('href')
    Infatti il $(this) fa riferimento all'oggetto restituito dal selettore $('.sx li a'), mentre sul primo script era $('.sx li a img')
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  5. #5
    funziona
    grazie 1000, preziosissimi come sempre....
    e grazie anche per la spiegazione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.