Consiglio modifica script gallery

**slay** · 07-10-2008, 09:47

Ciao ho il seguente script non so molto di javascipt però:

Lo script sotto mi visualizza delle immagini prese da panoramio e fin qui ok quello che vorrei fare è aggiungere degli attributi a queste immagini come ad esempio un bordo e hspace o un link come potrei aggiungere questi tag?

Codice PHP:


<html>

<head>

  <script type="text/javascript">

    

    function json(url)

    {

      var jstag=document.createElement("script");

      jstag.setAttribute("type", "text/javascript");

      jstag.setAttribute("src", url);

      document.getElementsByTagName("head")[0].appendChild(jstag);

    }



    function tratarFotos(datos)

    {

      

      var fotos = datos['photos'];

      for(var i=0;i<20;i++)

      {

        var url = fotos[i]['photo_file_url'];

        var miimagen = new Image();

        miimagen.src = url;

        document.body.appendChild(miimagen);

      }

      



      

    }

      json("http://www.panoramio.com/map/get_panoramas.php?order=popularity&size=square&set=full&from=0&to=21&minx=1.19000000&miny=38.7198706&maxx=1.64333330&maxy=39.080204&callback=tratarFotos");

  </script>

</head>

<body>





</body>

</html>

**slay** · 07-10-2008, 11:24

ho rimediato così:

Codice PHP:


function tratarFotos(datos)

    {

      

      var fotos = datos['photos'];

      for(var i=0;i<21;i++)

      {

          

        var url = fotos[i]['photo_file_url'];

        var bordo = 1;

        var spazio= 2;

        var tagalt= "Autore: "+fotos[i]['owner_name']+" / Titolo: "+fotos[i]['photo_title'];

        var miimagen = new Image();

        miimagen.src = url;

        miimagen.border = bordo;

        miimagen.hspace = spazio;

        miimagen.vspace = spazio;

        miimagen.alt = tagalt;

        document.body.appendChild(miimagen);

        

      }

però ora vorrei linkare queste immagini .. ma non ne esco .. qualche consiglio?

**slay** · 07-10-2008, 12:36

un piccolo consiglio ...

**slay** · 07-10-2008, 14:42

**Xinod** · 07-10-2008, 14:52

secondo me e' il caso che tu spenda una mezzoretta per leggere la guida al DOM

qui tu crei un nuovo oggetto image, che non equivale ad un elemento <img>
ma lo appendi come fosse un elemento

e' chiaro che quando poi vuoi creare un <a> che contenga l' immagine (se e' questo quello che vuoi) non sai come fare

**slay** · 07-10-2008, 15:16

Originariamente inviato da Xinod

e' chiaro che quando poi vuoi creare un <a> che contenga l' immagine (se e' questo quello che vuoi) non sai come fare

ok si esatto è quello che voglio ora provo a leggere grazie...

**slay** · 07-10-2008, 15:55

ho letto ma non sono arrivato a nessuna conclusione .. se qualcuno risucisse a darmi una dritta gl isarei grato

**Xinod** · 07-10-2008, 16:23

...

Codice PHP:


function tratarFotos(datos)

    {

      

      var fotos = datos['photos'];

      for(var i=0;i<21;i++)

      {

          

        var url = fotos[i]['photo_file_url'];

        var bordo = 1;

        var spazio= 2;

        var tagalt= "Autore: "+fotos[i]['owner_name']+" / Titolo: "+fotos[i]['photo_title'];

        var miimagen = document.createElement('img');

        miimagen.setAttribute('src',url);

// come sopra per gli altri attributi

        var milinkn=document.createElement('a');

// vedi tu qui cosa settare per il link

        milinkn.appendChild(miimagen);

        document.body.appendChild(milinkn);

      }

}

**slay** · 07-10-2008, 16:43

molto gentile funziona benissimo ...

**slay** · 07-10-2008, 17:30

altra domandina ...

ho sistemato ulteriormente il codice:

Codice PHP:


function tratarFotos(datos)

    {

      

      var fotos = datos['photos'];

      for(var i=0;i<21;i++)

      {

          

        var url = fotos[i]['photo_file_url'];

        var bordo = 1;

        var spazio= 2;

        var prova = 3;

        var classeok= "preview";

        var codbigfoto= "http://mw2.google.com/mw-panoramio/photos/medium/"+fotos[i].photo_id+".jpg";

        var tagalt= "Autore: "+fotos[i]['owner_name']+" / Titolo: "+fotos[i]['photo_title'];

        

        var miimagen = document.createElement('img'); 

        miimagen.setAttribute('src',url); 

        miimagen.border = bordo;

        miimagen.hspace = spazio;

        miimagen.vspace = spazio;

        miimagen.alt = tagalt;

        

        var milinkn=document.createElement('a');

        milinkn.setAttribute('href', codbigfoto);

        milinkn.setAttribute('class', classeok); 

        



        milinkn.appendChild(miimagen); 

        document.body.appendChild(milinkn);

      }

      



    }

vorrei applicare il seguente esempio http://www.tagtagweb.com/test/tooltip/02/index.html ho impostato l'attributo classe in questo modo milinkn.setAttribute('class', classeok); però non funziona .. giusto per sapere è giusto il ragionamento .. se il ragionamento è giusto molto probabilmente c'è qualche conflitto ..

Discussione: Consiglio modifica script gallery

Strumenti discussione

Ricerca discussione

Visualizza

Consiglio modifica script gallery

Permessi di invio