Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 15

Discussione: popup foto

  1. #1
    Utente di HTML.it L'avatar di Merry
    Registrato dal
    Sep 2006
    Messaggi
    60

    popup foto

    Ciao a tutti vorrei un aiuto. Voglio creare una pagina ove inserivi le mie foto. Vorrei che cliccando su di un link mi riporti ad un popup che mi mostri foto con comando avanti o indietro. potete aiutarmi? io non so come fare..si so che devo creare un link ad un'altra pagina con comandi avanti ed indietro e poi farla diventare un popup ma non so materialmente come fare...

  2. #2
    Utente di HTML.it L'avatar di Merry
    Registrato dal
    Sep 2006
    Messaggi
    60
    nessuno può suggerirmi dove guardare, copiare il codice ...etc?

  3. #3
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633
    gallerie fotografiche con javascript....


    ...I'm insane in the brain...

  4. #4
    Utente di HTML.it L'avatar di Merry
    Registrato dal
    Sep 2006
    Messaggi
    60
    la tua riposta significa che devo cercare gallerie fotografiche fatte in java?

  5. #5

  6. #6
    Utente di HTML.it L'avatar di Merry
    Registrato dal
    Sep 2006
    Messaggi
    60
    si bello, ma lo trovo un pochino lentino...cercavo qualcosa di più "semplice"

  7. #7
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633
    http://javascript.html.it/script/lis...e-e-slideshow/


    javascript è una cosa java un altra......

    ...I'm insane in the brain...

  8. #8
    Utente di HTML.it L'avatar di Merry
    Registrato dal
    Sep 2006
    Messaggi
    60
    Trovato il J.S. che cercavo, solo che vorrei apportare alcune modifiche. Le ho segnate in grassetto così di facile individuazione. Per prima cosa vorrei che le immagini si ridimensionino automaticamente, mentre con il comando attuale sono di dimensione fissa.
    In secondo luogo vorrei inserire sotto ogni foto una dicitura con le spiegazioni delle foto perchè inserite così ovviamente non si vedono . Spero di aver spiegato bene quello che vorrei fare qualcuno potrebbe darmio una mano? Grazie a tutti



    <?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="it">
    <head>
    <title>FOTO ESEMPIO</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="it" />
    <meta name="Robots" content="All" />
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) { //reloads the window if Nav4 resized
    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    </head>
    <body bgcolor="#000000" text="#FFFFFF" >
    <div id="Layer1" style="position:absolute; left:173px; top:417px; width:436px; height:59px; z-index:1">
    <div align="center">


    TESTO TESTO TESTO </p>


    TESTO TESTO TESTO</p>

    </div>
    </div>



    <div align="center">


    <TABLE cellPadding=0 border=0>
    <TBODY>
    <TR>
    <TD width="100%"><div align="center"><IMG height=360 src="Immagini/1.jpg" width=448 name=photoslider></div></TD></TR>
    <TR>
    <TD width="100%">
    <FORM name=rotater method=post>
    <DIV align=center>




    </p>


    </p>


    <script type="text/javascript" language="JavaScript">

    var photos=new Array()
    var which=0


    photos[0]="Immagini/1.jpg"
    photos[1]="Immagini/2.gif"
    photos[2]="Immagini/3.gif"
    photos[3]="Immagini/4.gif"
    photos[4]="Immagini/5.gif"
    photos[5]="Immagini/6.gif"
    photos[6]="Immagini/7.gif"
    photos[7]="Immagini/8.gif"
    photos[8]="Immagini/9a.gif"
    photos[9]="Immagini/10.gif"


    function backward(){
    if (which>0){
    window.status=''
    which--
    document.images.photoslider.src=photos[which]
    }
    }

    function forward(){
    if (which<photos.length-1){
    which++
    document.images.photoslider.src=photos[which]
    }
    else window.status='End of gallery'
    }
    </SCRIPT>


    <INPUT onclick=backward() type=button value="<<Dietro" name=B2> <INPUT onclick=forward() type=button value="Avanti>>" name=B1>

    <font color="#FFFFFF">Principio</font></p></DIV>
    </FORM></TD></TR></TBODY></TABLE>


    </div>


  9. #9
    Javascript infatti sta prendendo sempre più piede mentre Java si sta via via abbandonando.

    Il fatto che abbia chiesto qualcosa in java non penso sia mandatorio.

    Comunque se vuoi il mio parere non usare java. Deve partire il runtime ed è una cosa che non piace a tutti. Se puoi evita.

  10. #10
    Utente di HTML.it L'avatar di iguane
    Registrato dal
    Sep 2001
    Messaggi
    1,633
    Originariamente inviato da corgan
    Javascript infatti sta prendendo sempre più piede mentre Java si sta via via abbandonando.

    Il fatto che abbia chiesto qualcosa in java non penso sia mandatorio.

    Comunque se vuoi il mio parere non usare java. Deve partire il runtime ed è una cosa che non piace a tutti. Se puoi evita.

    scusa la franchezza ma che cazzarola stai dicendo?!?!?!?!!?

    java serve per determinate cose, javascript per altre.

    comunque

    dopo

    codice:
    photos[0]="Immagini/1.jpg"
    photos[1]="Immagini/2.gif"
    photos[2]="Immagini/3.gif"
    photos[3]="Immagini/4.gif"
    photos[4]="Immagini/5.gif"
    photos[5]="Immagini/6.gif"
    photos[6]="Immagini/7.gif"
    photos[7]="Immagini/8.gif"
    photos[8]="Immagini/9a.gif"
    photos[9]="Immagini/10.gif"
    scrivi:

    var testo=new Array()

    testo[0]="testo foto 1"
    testo[1]="testo foto 2"
    testo[2]="testo foto 3"
    testo[3]="testo foto 4"



    poi sostituisci questo:

    <div align="center">


    TESTO TESTO TESTO </p>


    TESTO TESTO TESTO</p>
    </div>

    con
    <div id="text" align="center"></div>


    e questo

    function backward(){
    if (which>0){
    window.status=''
    which--
    document.images.photoslider.src=photos[which]
    }
    }

    function forward(){
    if (which<photos.length-1){
    which++
    document.images.photoslider.src=photos[which]
    }
    else window.status='End of gallery'
    }

    con

    function backward(){
    if (which>0){
    window.status=''
    which--
    document.images.photoslider.src=photos[which]
    document.getElemenetsById('text').innerHTML=testo[which]
    }
    }

    function forward(){
    if (which<photos.length-1){
    which++
    document.images.photoslider.src=photos[which]
    document.getElemenetsById('text').innerHTML=testo[which]
    }
    else window.status='End of gallery'
    }



    non l'ho provato ma dovrebbe andare

    ...I'm insane in the brain...

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.