problemi con le immagini

**ScarpeSpecial** · 06-05-2014, 21:06

Salve... io sono uno studente del 4° anno di un itis e studio informatica. Per giovedì devo fare un sito web con html... js e jquery... il sito è su argomento a piacere e io ho scelto di farlo sulla nave più grande del mondo... ma il problema è che non funziona correttamente....
qui lo trovate:

https://www.dropbox.com/s/hoh3hxcs2j...seFineAnno.zip

Purtroppo le immagini vengono messe in verticale. Ma io le voglio in orizzontale. Se poi si clicca sulla prima immagine nello slideshow si vede solo la prima. Se faccio la terza si vede la prima,la seconda e la terza. Io ho trovato la libreria della gallery che se cercate in internet si chiama lightgallery. Grazie in anticipo

**carlomarangoni** · 07-05-2014, 00:18

Così funziona bene:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link type="text/css" rel="stylesheet" href="css/lightGallery.css" />                    
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<script src="js/lightGallery.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $("#lightGallery").lightGallery(); 
  });
</script>
</head>
<body>
<ul id="lightGallery">
  <li data-src="img/img1.jpg">
    <img src="img/thumb1.jpg" />
  </li>
  <li data-src="img/img2.jpg">
    <img src="img/thumb2.jpg" />
  </li>
  ...
</ul>
</body>
</html>

**ScarpeSpecial** · 07-05-2014, 09:18

questo è preso dal sito... il problema è che è uguale nel mio codice... ma non mi fa la gallery....

**carlomarangoni** · 07-05-2014, 15:48

Originariamente inviata da ScarpeSpecial

questo è preso dal sito... il problema è che è uguale nel mio codice... ma non mi fa la gallery....

Si è preso dal sito secondo le loro istruzioni e funziona benissimo! Se a te non funziona non so cosa dirti, dire solo che non ti funziona non è sufficiente per aiutarti

**ScarpeSpecial** · 07-05-2014, 15:54

Controlla il codice... non ti costa niente...

**carlomarangoni** · 07-05-2014, 16:08

Originariamente inviata da ScarpeSpecial

Controlla il codice... non ti costa niente...

Se intendi il codice che ti ho postato, lo controllato si! É per questo che ti dico che funziona bene! Non sono tanto stupido da postare un codice prima di testarlo. Ti dirò anche che l'ho testato con tre browser diversi e funziona bene su tutti

**ScarpeSpecial** · 07-05-2014, 16:10

Intendo il mio codice...

**carlomarangoni** · 07-05-2014, 16:21

Analizzare il tuo lavoro diventa una cosa troppo lunga anche perché ad una prima occhiata mi sembra manchi delle parti essenziali e trovare l'inghippo come ho detto richiede tempo. Controlla anche i percorsi perché hai fatto una suddivisione in tante cartelle che un errore è facile

**ScarpeSpecial** · 07-05-2014, 16:23

I percorsi sono corretti... cosa intendi per " mancano delle parti essenziali"?

**Xazax** · 08-05-2014, 11:19

Nella galleria le immagini vengono elencate in verticale a causa del css di default che applica lo stile "display: list-item" agli li. Dagli come css "display: inline" e un po' di margine tra una e l'altra ed il gioco è fatto ;)
Puoi usare benissimo il seguente codice se non vuoi incorporare un file css

codice:

<style>
#lightGallery li {
     display: inline;
    margin: 0 5px 5px 0;
}
</style>

Discussione: problemi con le immagini

Strumenti discussione

Ricerca discussione

Visualizza

problemi con le immagini

Permessi di invio