Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Bloccaggio foto

  1. #1

    Bloccaggio foto

    Cia ragā,

    allora, ho utilizzato uno script per fare questo:

    http://www.uni-world.it/index.php?pagina=13


    Lo script é qusto:
    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Immagini</title>
    <script type="text/javascript">


    //Specify image paths and optional link (set link to "" for no link):
    var dynimages=new Array()
    dynimages[0]=["UniversitāInnevata001.jpg", "//inserisci il link"]
    dynimages[1]=["photo2.jpg", "//inserisci il link"]
    //dynimages[2]=["photo3.jpg", "//inserisci il link"]
    //dynimages[3]=["photo3.jpg", "//inserisci il link"]
    //dynimages[4]=["photo3.jpg", "//inserisci il link"]
    //dynimages[5]=["photo3.jpg", "//inserisci il link"]
    //dynimages[6]=["photo3.jpg", "//inserisci il link"]

    //per impostare il preload delle immagini, se queste sono di un certo peso meglio impostarlo a yes
    var preloadimg="yes"


    //per impostare il target dei links, se lasciato vuoto si apriranno nella stessa pagina, i parametri ammessi sono gli stessi di html: _ blank, _top, _parent
    var optlinktarget=""


    //per impostare lo spessore del bordo, in questo caso a zero
    var imgborderwidth=0


    //I browser IE5 e superiori possono variare l'effetto Wipe gradient per dimensione e durata in secondi agendo sui valori numerici
    var filterstring="progidXImageTransform.Microsoft.GradientWipe(GradientSiz e=1.0 Duration=0.7)"

    ///////No need to edit beyond here/////

    if (preloadimg=="yes"){
    for (x=0; x<dynimages.length; x++){
    var myimage=new Image()
    myimage.src=dynimages[x][0]
    }
    }

    function returnimgcode(theimg){
    var imghtml=""
    if (theimg[1]!="")
    imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
    imghtml+='[img]'+theimg[0]+'[/img]'
    if (theimg[1]!="")
    imghtml+='</a>'
    return imghtml
    }

    function modifyimage(loadarea, imgindex){
    if (document.getElementById){
    var imgobj=document.getElementById(loadarea)
    if (imgobj.filters && window.createPopup){
    imgobj.style.filter=filterstring
    imgobj.filters[0].Apply()
    }
    imgobj.innerHTML=returnimgcode(dynimages[imgindex])
    if (imgobj.filters && window.createPopup)
    imgobj.filters[0].Play()
    return false
    }
    }

    </script>

    <style type="text/css">
    .style1 {
    text-align: center;
    }
    .style2 {
    font-family: Aharoni;
    font-size: large;
    }
    .style3 {
    color: #000000;
    }
    </style>

    </head>

    <body>
    <span class="style2"><span class="style3">Immagini</span> </span>( pagina di prova )



    Universitā innevata: Immagine 001

    image 2 (vuoto)

    image 3 (onclick)



    <table cellpadding="0" cellspacing="0" style="width: 577px; height: 500px" align="center">

    <tr>
    <td style="height: 225px; width: 160px;" valign="top" class="style1">

    <div id="dynloadarea" style="width:577px;height:500px" class="style1"></div>

    </td>
    </tr>
    </table>

    </body>

    </html>

    Come avete notato, al passaggio del mouse su "Universita' innevata: Immagine 001" c'é l'effetto comparsa immagine...
    Ora vorrei fare il modo che cliccando su "Universita' innevata: Immagine 001" l'immagine resti fissa sulla schermo, anche se passo su un altro nome (file) e per sbloccarla devo ricliccare sullo stesso nome...

    Spero di essermi spiegato ...
    Come dovrei fare?

    Grazie.

    PS: ho notato che con IE l'effetto viene visualizzato...con Opera va solo a comparsa senza effetto.
    Cia difen



    www.uni-world.it

  2. #2
    Interessante..... ma nessuno ha idea di come si faccia????
    Se in un primo momento l'idea non č assurda, allora non c'č nessuna speranza che si realizzi. ( Albert Einstein )

  3. #3
    Allora ragā, dato che nessuno mi ha risposto ho fatto una piccola modifica allo script e ho fatto il modo che solo al mousclick cambia l'immagine e nn piu al mouseover...

    Solo che vorrei che al click, la pagina non tornasse completamente su.
    Vi do il link cosi vedete quello che voglio dire:

    http://www.uni-world.it/index.php?pagina=13#

    Prima di cliccare per vedere la foto mandate la pagine un po' giu cosi capirete cosa intendo...

    Se sapete...aiutatemi per favore...
    Cia difen



    www.uni-world.it

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    <a href="#" onClick="modifyimage('dynloadarea', 2);return false">

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    Originariamente inviato da br1
    <a href="#" onClick="modifyimage('dynloadarea', 2);return false">

    ciao
    WOW
    grazie...ora funziona.
    Cia difen



    www.uni-world.it

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.