Salve a tutti,
ho iniziato adesso a studiare html e javascript..
Ho scaricato dal forum uno script per inserire una galleria di immagini..
Ma non so da dove iniziare per inserirlo... suggerimenti?
Salve a tutti,
ho iniziato adesso a studiare html e javascript..
Ho scaricato dal forum uno script per inserire una galleria di immagini..
Ma non so da dove iniziare per inserirlo... suggerimenti?
Ciao, mi pare un argomento generico e facilmente risolvibile con qualche ricerca. Se hai appena iniziato a studiare, una delle prime cose che dovresti aver appreso riguardo JavaScript, è come includere script e/o file esterni. http://www.html.it/pag/46494/caricar...cript-esterno/
Se si tratta di jQuery, bisogna includere anche tale libreria.
Ad ogni modo, se riscontri dei problemi in particolare, sarebbe opportuno specificare nel dettaglio. Magari sarebbe utile postare anche il link da cui hai scaricato lo script.
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
Ciao, innanzitutto grazie della risposta..
Il link che mi hai postato l'ho già letto e, purtroppo, devo ammettere di non essere riuscita a seguire l'esempio..
Lo script che ho scaricato è questo:
http://www.html.it/script/uno-slides...on-impress-js/
mi perdo
Ciao, ho visto lo script. Dovrebbe essere abbastanza semplice, probabilmente ti sta sfuggendo qualcosa ma dovresti descrivere più precisamente quali problemi/difficoltà incontri.
Cito da regolamento:
Quindi:- cercare di specificare il più possibile il problema anche nel messaggio
Ricordate che un'esposizione chiara e sufficientemente dettagliata (sempre in italiano, gli sms saranno cestinati) aumenta la possibilita' di ricevere aiuto. Inoltre un semplice "non funziona", "non va" e le infinite varianti non consente di capire se vi e' scoppiato il pc o mancano i decimali dopo la virgola... quindi specificate anche il risultato atteso e gli eventuali messaggi d'errore generati.
ok ma... in cosa precisamente?mi perdo
Quello slideshow fa uso di diversi file esterni (tra cui diversi .js e .css), li hai inclusi così come è nei file di esempio?
Nel caso, puoi postare il codice HTML di ciò che hai fatto (o provato a fare)?
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
codice HTML:<!DOCTYPE html> <html lang="it"> <head> <title>La Musica Per Il Tuo Matrimonio</title> <link rel="stylesheet" href="style/index.css"> <link rel="stylesheet" href="script/CircleNavigationEffect/css/style.css"> <meta charset="utf-8"> <!-- qui ho provato ad inserire lo script--> <script src="script/CircleNavigationEffect/js/jquery.tmpl.min.js"></script> <script src="script/CircleNavigationEffect/js/jquery.slideshow.js"></script> </head> <body> <div id="centrato"> <header id="header"> <a href="index.html"><img src="img/music.png" alt="La Musica Per Il Tuo Matrimonio"/></a> <nav id="menuOr"> <ul> <li><a href="#">home</a></li> <li><a href="#">chi siamo</a></li> <li><a href="servizi.html">servizi</a></li> <li><a href="media.html">media</a></li> <li><a href="contatti.html">contatti</a></li> </ul> </nav> </header> <aside id="primaColonna"> <nav id="menuVerticale"> <ul> <li><a href="#">La chiesa</a></li> <li><a href="#">Il ricevimento</a></li> <li><a href="servizi.html">Strumenti</a></li> </ul> </nav> <br/><br/> </aside> <section id="secondaColonna"> <article> <header id="hdArticolo"> <h1>Titolo</h1><hr> </header> <p style="margin: 30px; color: white; font-family: sans-serif; font-size: x-small;"> <!-- qui vorrei visualizzare lo script ma non so come specificarlo --> <footer id="ftArticolo">Questo è il footer dell'articolo</footer> </article> </section> <footer id="footer"> Copyright © 2014 . Tutti i diritti riservati.</p> </footer> </div> </body> </html>
Bene, è già qualcosa. Andiamo in ordine però. Sul codice html del file dem puoi notare che sono inclusi vari css e js. Dovresti includerli tutti anche sulla tua pagina.
In particolare mi pare siano necessari questi file:
A quel punto puoi aggiungere la parte html in cui ci sono effettivamente i contenuti e quel poco di script che ti serve per applicare lo slideshow.codice:<link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="js/jmpress.min.js"></script> <script type="text/javascript" src="js/jquery.jmslideshow.js"></script>
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
I file css entrano in conflitto con il mio iniziale.. ma questo lo vedrò dopo..
intanto utilizzo questi interni allo script, giusto x riuscire a visualizzare qualcosa..
Nel codice che ho postato io, puoi vedere che ho linkato già i file .js presenti nella cartella dello script... non capisco questo passo:
e poi.. il codice html nel body della pagina? XDcodice HTML:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Ok, il file demo.css in effetti non serve per lo slide, mentre serve necessariamente style.css in cui ci sono tutte le regole necessarie per il funzionamento e la corretta visualizzazione dello slide. Mi riferisco chiaramente ai file relativi alla demo scaricata dal link.
Non so a quali file tu ti riferisca. Dal tuo script non posso vedere i file css linkati.intanto utilizzo questi interni allo script, giusto x riuscire a visualizzare qualcosa..
Si tratta della libreria/framework jQuery, indispensabile per quello slideshow che ne fa uso. Cosa è jQuery?Nel codice che ho postato io, puoi vedere che ho linkato già i file .js presenti nella cartella dello script... non capisco questo passo:
Se fai qualche ricerca sul web troverai veramente tanto e anche di più.
Dovrai includerla come gli altri file .js, prima dell'inclusione dello slide stesso il quale non funzionerebbe senza.
Questa libreria è disponibile direttamente online e l'API è accessibile attraverso vari siti che la "ospitano" (tra cui google), per questo puoi includerla in questo modo:
Io generalmente utilizzo questo, per avere l'ultima versione:codice:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Ad ogni modo puoi anche scaricare il file .js e inserirlo nella cartella assieme agli altri file .js, quindi includere quello sulla tua pagina.codice:<script src="http://code.jquery.com/jquery-latest.min.js"></script>
La parte HTML, relativa allo slide, è questa (nel file demo):
codice:<section id="jms-slideshow" class="jms-slideshow"> <div class="step" data-color="color-1"> <div class="jms-content"> <h3>Just when I thought...</h3> <p>From fairest creatures we desire increase, that thereby beauty's rose might never die</p> <a class="jms-link" href="#">Read more</a> </div> <img src="images/1.png" /> </div> <div class="step" data-color="color-2" data-y="500" data-scale="0.4" data-rotate-x="30"> <div class="jms-content"> <h3>Holy cannoli!</h3> <p>But as the riper should by time decease, his tender heir might bear his memory</p> <a class="jms-link" href="#">Read more</a> </div> <img src="images/2.png" /> </div> <div class="step" data-color="color-3" data-x="2000" data-z="3000" data-rotate="170"> <div class="jms-content"> <h3>No time to waste</h3> <p>Within thine own bud buriest thy content and, tender churl, makest waste in niggarding</p> <a class="jms-link" href="#">Read more</a> </div> <img src="images/3.png" /> </div> <div class="step" data-color="color-4" data-x="3000"> <div class="jms-content"> <h3>Supercool!</h3> <p>Making a famine where abundance lies, thyself thy foe, to thy sweet self too cruel</p> <a class="jms-link" href="#">Read more</a> </div> <img src="images/4.png" /> </div> <div class="step" data-color="color-5" data-x="4500" data-z="1000" data-rotate-y="45"> <div class="jms-content"> <h3>Did you know that...</h3> <p>Thou that art now the world's fresh ornament and only herald to the gaudy spring</p> <a class="jms-link" href="#">Read more</a> </div> <img src="images/5.png" /> </div> </section>
Installa Forum HTML.it Toolset per una fruizione ottimale del Forum
Permessi di invio
Rispondi quotando