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

    2 immagini con un click senza ricaricare la pagina

    Ciao a tutti, sono negata in scripting e cerco di arrangiarmi
    adattando cosa trovo in giro. Ho trovato questo: con un click su una
    foto (pic1) carico altre due foto (pic4 e pic5) in due posizioni
    impostate (definite con due div), e così via con le altre foto...

    Volevo modificarlo un po' ma non riesco (help!). Mi piacerebbe che:
    a) quando l'utente carica la pagina, le prime due immagini (pic4 e
    pic5) siano già visualizzate
    b) (ma questo forse non è possibile) che le immagini si carichino
    in una posizione definita con delle coordinate invece che con un div.

    Spero nel vostro aiuto....
    Ciao
    -Elenac

    ecco il codice:
    codice:
    <head> 
    <script language="javascript"> 
    <!-- 
    function enlargePic(which){ 
    if(which == "one"){ 
    content = "[img]pic4.jpg[/img]" 
    content2 = "[img]pic5.jpg[/img]" 
    } 
    if(which == "two"){ 
    content = "[img]pic6.jpg[/img]" 
    content2 = "[img]pic7.jpg[/img]" 
    } 
    
    document.getElementById('appearOne').innerHTML = content 
    document.getElementById('appearTwo').innerHTML = content2 
    
    } 
    //--> 
    </script> 
    </head> 
    
    <body> 
    
    <div id="appearOne"></div>
     
    
    <div id="appearTwo"></div>
    
    [img]pic1.jpg[/img] 
    [img]pic2.jpg[/img] 
    [img]pic3.jpg[/img] 
    
    </body>

  2. #2
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    a -
    codice:
    <div id="appearOne">[img]pic6.jpg[/img]</div> 
    
    <div id="appearTwo">[img]pic7.jpg[/img]</div>
    b -

    codice:
    <div id="appearOne" style="position:absolute;left:150;top;400">[img]pic6.jpg[/img]</div> 
    
    <div id="appearTwo">[img]pic7.jpg[/img]</div>
    dovrebbe funzionare.

  3. #3
    E infatti funzionaaaa!
    - grazie mille, sei un mito!

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 © 2026 vBulletin Solutions, Inc. All rights reserved.