Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2010
    Messaggi
    148

    Galleria immagini javascript con ingrandimento nella stessa pagina

    Ciao a tutti,
    mi ritrovo a dover fare una galleria di immagini in javascript.
    Fino ad ora ho eseguito tutto quello che ho fatto in php, ma vorrei imparare a fare una galleria di immagini che, da una parte mi ritrovo tutte le miniature, e dall'altra l'ingrandimento dell'immagine che seleziono.
    Venendo al codice:
    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html lang="it" xmlns="http://www.w3.org/1999/xhtml" xml:lang="it"> 
    <head>
    <link href="css/stile_ufficiale2.css" rel="stylesheet" type="text/css"/>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /> 
    <link rel="shortcut icon" href="../favicon.ico">
    <title>
    Scheda
    </title>
         
    </head>
    <body>
    <div id="container">
                    
        <div id="header"> 
        
            [url="home.php"][img]../Img/logo.jpg[/img][/url]
            </div>
            <div id="navigation">

            </div>
            <div id="content">
    <?php
    require_once ("../conndb.php");
    $id $_GET['id'];
    $query "SELECT Immobili.Tipo, Immobili.Comune, Immobili.Acquisto, Immobili.Prezzo, Immobili.Descrizione, Immobili.Data_ins, Immobili.Superficie, Immobili.Camere, Immobili.Giardino, Immobili.Terrazza, Immobili.ID, Immobili.Box, Immobili.Piano, Immobili.Cucina, Immobili.Riscaldamento, Immobili.Bagni, Immagini.Id_Immobili, Immagini.Percorso, Immagini.Flag FROM Immobili JOIN Immagini ON Immobili.ID = Immagini.Id_Immobili  WHERE Immobili.ID = '$id'";
    $risultato mysql_query($query) or die(mysql_error());
    $q_contatore "UPDATE Immobili SET Contatore=Contatore+1 WHERE ID='$id'";
    $ris_contatore mysql_query($q_contatore);
    $array_dettagli mysql_fetch_assoc($risultato);
    ?>

    <table class="tabella3">
        <caption>FOTO</caption>
    </table>
    <div id="media" > 
        <div id="thumbs"> 
            <?php
                $array_foto 
    $array_dettagli;
                 do{
                        echo 
    "<div class=\"box_thumb\">";
                        echo 
    "<a><img onmouseover=\"this.style.cursor='pointer'\" src=\"Img/thumb.php?im="$array_foto['Percorso'] ."&maxsize=120\" height=\"73\" alt=\"anteprima foto\" /></a>";
                        echo 
    "</div>";
                    } while (
    $array_foto mysql_fetch_assoc($risultato));
            
    ?>
        </div>
            <div id="bigimage">  
            </div>
                </div> 
        </div>
    </div>
    Al momento ho impostato la pagina in questo modo, le miniature le estraggo tramite un ciclo e vengono visualizzate correttamente, ma proprio non capisco cosa devo fare col javascript per arrivare al risultato prefissato.
    Ciao e grazie a tutti

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2010
    Messaggi
    148
    Nessuno che mi riesca a dare un consiglio su cosa fare??
    Grazie

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Vedi qui negli script trovi esempi di gallerie (basate sulle array) oppure se hai un po di dimestichezza col javascript potresti sviluppare una galleria con ajax (forse trovi anche su jquery) in ajax sarebbe più leggera non caricando tutte le immagini contestualmente alla pagina.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2010
    Messaggi
    148
    Ti ringrazio per la risposta.
    Avevo visto che tutti, o quasi, gli script facevano un array, ma come faccio ad adattarlo al mio script?
    Io faccio un ciclo while in php dove estraggo le varie miniature, lo devo eliminare?
    Scusa, anche se ho letto parecchio sul javascript, mi ritrovo ora a non sapere da che parte cominciare!

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Non conosco il php pertanto non saprei aiutarti, l'unica cosa che posso dirti che il php dovrà generare le miniature e la funzione javascript dove sarà inserita array con le immagini ingrandite.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.