Ciao Mattia,
dovrei inserire uno slider in
questo sito, al posto della foto al centro della pagina (non fare caso alla grafica del sito che tanto non ho fatto io). Lo slider (che dovrebbe essere tale e quale a quello di fiorucci), dovrebbe essere largo 596x324. Come lo inserisco e come faccio a stabilire le immagini che deve mostrare??
Grazie
Sull'home page del sito di Fiorucci viene utilizzato
Flexslider, un plug-in di jQuery realizzato da WooThemes che permette di creare slider responsive.
Nella pagina di cui ti ho messo il link c'è sia il bottone per fare il download dello script che la spiegazione di come deve essere utilizzato.
(27/10/2014 18:38)Mattia Ha scritto: [ -> ]Sull'home page del sito di Fiorucci viene utilizzato Flexslider, un plug-in di jQuery realizzato da WooThemes che permette di creare slider responsive.
Nella pagina di cui ti ho messo il link c'è sia il bottone per fare il download dello script che la spiegazione di come deve essere utilizzato.
ok, grazie mille! Sono riuscito a inserirlo correttamente, ma adesso vorrei ridimensionarlo nella dimensione corretta, ovvero 596x324. Cosa devo modificare?
Grazie
ho provato a sistemare lo slider nella index
qui
Basta che assegni la larghezza e l'altezza al
div che contiene lo slider.
Il codice CSS sarà qualcosa simile a:
Codice:
.flexslider {
width: 596px;
height: 324px;
}
applicando quek valore non è cambiato nulla, ho dunque modificato questo:
Codice:
.flexslider .slides img {
width: 596px;
height: 324px;
display: block;}
E adesso le immagini sono delle silenzio corretti, ma resta il bianco dello slider che è quanto tutta la finestra...
Ho provato a modificare più cose, ma da nessuna parte trovo la larghezza da modificare.
Io ho messo "flexbox" come nome della classe per fare un esempio.
Nel tuo caso devi mettere "flexslider" e il codice CSS che ho messo prima funziona correttamente.
P.S.: Ho modificato il codice CSS dell'esempio precedente con il nome corretto della classe.
Perfetto! Ho risolto il problema della centratura usando il tag center prima del div.
Grazie
Il tag center è deprecato. Ti consiglio di aggiungere margin-left e margin-right con il valore "auto" per centrare dei blocchi come i div.