Gallery tutto schermo
Autore: Marco S.
Visite 1735,
Followers 1,
Condiviso 0
Ciao a tutti ragazzi... la verisone 13 è davvero spettacolare... avrei gentilmente bisogno di aiuto...
Ho cretato una Gallery a tutto schermo con WOW Slider... l'unica cosa che non riesco ad importara all'inteno del progetto.. qualcuno mi può aiutare... grazie...
Allego la pagina che mi esporta come istruzioni.. Spero che sia chiara per poter risolvere... sembra abbastaza semplice ma non riesco...
Postato il
quì trovi info utili:
https://helpcenter.websitex5.com/it/post/156331
Autore
Quella risposta... cercando cercando avevo letto e cercato di farla.. ma non va.. si puo avere una spiegazione un pochino piu semplice con con i riferimenti al mio file allegato.. grazie
@Marco, la risposta di KolAsim è già dettagliata e semplice, con i riferimenti di cosa va e dove.
Metti il link della tua prova online, così si vede cosa c'è che non va...
...non vedo , comunque , il tuo allegato...
un mio appunto che non è altro che quello scritto da KolAsim
Autore
Questa è la pagina... non riesco a farla diventare a tutto schermo...
http://www.mediacar.biz/
Grazie mille
devi creare un progetto wowslider a 1920px adatta il larghezza
Autore
Grazie Giancarlo che mi stai seguendo... ma quello si l'ho impostato... ma mi esce quello...
Autore
Guarda quello che esporto...
http://www.mediacar.biz/Prova.html
la pagina è in fase di mutazione comunque prima avevi un .css a 900px
in questo momento manca questa pagina http://www.mediacar.biz/wowslider.html
Autore
gurada ora la mia Home http://www.mediacar.biz vedo la gallery piccola...
ma quello che mi esporta wowslider è grande giusta ed e questa http://www.mediacar.biz/prova.html
come mai non riesco... a farla fuzionare....
scusa ma hai messo il tutto in un oggetto HTML ?
Autore
si certo... infatti si vede...
nooooooooo!!! leggi bene quello che c'è scritto no va in nessun oggetto ... sono codici che vanno inseriti direttamente nelle posizione segnate sul foglio.
Autore
io ho fatto cosi... la pagina home dove c'è la gallery sono andato nella proprietà nella pagina, sezione esperto, prima della chiusura del tag head ho inserito:
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine0/style.css" />
<script type="text/javascript" src="engine0/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
poi all'interno della pagina ho inserito un oggetto html dove all'interno ho scritto:
<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container0">
<div class="ws_images"><ul>
<li><img src="data0/images/001.jpg" alt="" title="" id="wows0_0"/></li>
<li><img src="data0/images/002.jpg" alt="" title="" id="wows0_1"/></li>
<li><a href="http://wowslider.com"><img src="data0/images/004.jpg" alt="http://wowslider.com/" title="" id="wows0_2"/></a></li>
<li><img src="data0/images/sfondo.png" alt="" title="" id="wows0_3"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title=""><span><img src="data0/tooltips/001.jpg" alt=""/>1</span></a>
<a href="#" title=""><span><img src="data0/tooltips/002.jpg" alt=""/>2</span></a>
<a href="#" title=""><span><img src="data0/tooltips/004.jpg" alt=""/>3</span></a>
<a href="#" title=""><span><img src="data0/tooltips/sfondo.png" alt=""/>4</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">bootstrap slider</a> by WOWSlider.com v8.7</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine0/wowslider.js"></script>
<script type="text/javascript" src="engine0/script.js"></script>
<!-- End WOWSlider.com BODY section -->
Dove sbaglio...?
<!-- Start WOWSlider.com BODY section -->
c'è pure scritto..
incolla nelle propietà di pagina dopo l'apertura del BODY
Autore
Ho inserito.... Man guarda che scherzo che fa...
Si capita allora fai questa prova poi vediamo.
inserisci questo codice nella propietà di pagina dopo l'apertura dell'HEAD
#wowslider-container1{top: 100px; z-index:-1 !important;}
poi nella pagina dopo l'apertira del BODY prova a sostituire il promo codice
<div id="wowslider-container0">
con
<div id="wowslider-container1">
vediamo che succede, ciao.
Autore
Guarda.... no non funziona... Grazie che mi stai aiutando...
scusa
inserisci questo codice nella propietà di pagina prima della chiusura dell'HEAD
#wowslider-container1{top: 100px; z-index:-1 !important;}
Autore
Cancello il resto..?
Autore
No non funziona ancora....
la sintassi corretta è
<style>
#wowslider-container1{top: 100px; z-index:-1 !important;}
</style
poi .... dove hai messo questo è sparito...
questo codice nella propietà di pagina prima della chiusura dell'HEAD
<!-- Start Slider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<!-- End Slider.com HEAD section -->
se non vuoi esportare sempre il progetto puoi vedere il risultato direttamente in preview su websites
basta che ti copi le due cartella
data1
engine1
dentro al tuo progetto nella cartella Preview di website
così puoi vedere subito i risultati in anteprima, fammi sapere ciao.
Autore
puoi scrivermi per favore di preciso dove vanno tutti i codici uno dopo l'altro perchè non va... sicuramente sto sbaliando io..
Grazie Tante
il BODY non toccarlo per ora.
prima della chiusura del tag head inserisci (elimina le voci doppie se ci sono già) inserito:
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine0/style.css" />
<script type="text/javascript" src="engine0/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
<style>
#wowslider-container1{top: 100px; z-index:-1 !important;}
</style>
non essendo davanti al mio pc ora faccio fatica a ricordarmi bene comunque prova poi eventualmente
ho un dubbio sul tag container1, vediamo, e che sono spariti dei codici che prima c'erano evidentemente li hai cancellati per errore.
Autore
No nonfunziona... mi abbassa tutto guarda...ma come mai fa cosi.... :(
Autore
Penso che a questo punto... sia io impedito.. perchè ho provato tutto ma sempre peggio... non va..
fai questa ultima prova correggi le riche rimetti sia in head
#wowslider-container0{top: 100px; z-index:-1 !important;}
che in BODY
<div id="wowslider-container0">
Autore
vai a vedere... per favore... cosa è uscito..
ci sfugge qualcosa il rusultato dovrebbe essere questo che ho aggiornato io ieri....
http://www.cgwedding.it/
Autore
Cavolo che bello... davvero... che bello.... non riesci a scrivermi tutti i passaggi di come hai fatto.. magari anche stase quando sei sul tuo pc... mi faresti un favore pazzesco... riesci a farmi questo ultimo aiuto?
ma i passaggi sono quelli che ti ho suggerito... non sono difficili .... e doveva andare.. sto facendo 3 lori contemporaneamente forse mi sfugge qualcosa... ma i codici sono quelli
quanto pesa il tuo progetto ?
Autore
120mb
Autore
Non puoi collegarti sul mio pc e guardi direttamente al progetto... almeno facciamo prima... ti pagherò una pizza... ;)
non posso in questo momento .... poi stasera forse riesco a guardarci solo sul tardi sai la famiglia e la mia piccola ... forse faccio prima a scriverti un piccolo tutorial.. oppure se vuoi inviarmelo con wetransfer, come preferisci.
comunque il fatto che wowslider lo vedi così ... è un problema di librerire prova a riesportare i file generari da wowslider compresi le 3 pagine.html
Autore
Ok... dai grazie mille... ora rimetto una pagina normale... se riesci stase a mandarmi un tutorial semplice semplice per
poter fare questo lavoro... mi faresti un favore... grazie mille... oppure creami una home tu semplice con dentro il codice cosi copio e incollo... grazie davvero per tutto... aspetto questa sera...
ciao a dopo
vai sul mio sito quello del mio profilo e scrivimi così ho la tue email... ciao.
... il metodo corretto è quello realizzato da Giancarlo, incorporando nel progetto le istruzioni di wowslider...
... comunque, ho notato che il tuo sito non è responsive, quindi verrebbe vanificato l'effetto adattamento, o verrebbe a crearsi una vignettatura laterale in caso di scroll orizzontale...
... se vuoi provare il mio metodo, non serve preparazione, potresti cavartela con due Copia/Incolla, e non avresti codici che potrebbero interferire con quelli propri della pagina...
... se vuoi provare devi seguire questi passi:
1) - realizzare il sito in modalità responsive e con una intestazione VUOTA ed alta 100 pixel di colore ROSSO, in modo che possa individuarla bene; nel contenuto della pagina inserisci due contenuti, per esempio un oggetto testo con del testo ed affianco un oggetto immagine con una immagine, così per orientarmi...
2) - togliere tutti i riferimenti che hai inserito per wowsilder;
3) - ripristina o realizza in modo che funzioni questa pagina di wowslider: http://www.mediacar.biz/Prova.html
4) - togli la protezione del tasto destro del mouse che adesso è attiva;
5) - pubblica il sito aggiornato, e resta in attesa del mio codice; ...poi per implementarlo, se andasse bene ci metteresti un lampo... (oggi non sono sempre al PC; ...se ti dai da fare magari in serata avrai già risolto e ti stupirai della semplicità e flessibilità del mio metodo)
... se non vuoi operare nel sito attuale su cui stai smanettando, magari esporta in sotto-directory di prova chiamata "prova"...
... quando avrai fatto avvisa, e se vedo qualcosa allora vedrò di intervenire postandoti il mio codice...
.
Marco ho preparato un progetto tutorial Con pochi step e semplici passaggi inserisci uno spider a schermo intero sulla v13 io ci ho messo 15 minuti, appena riesco lo pubblico ciao.
Ciao.
messo qui, ciao.
https://helpcenter.websitex5.com/it/post/157292
Autore
Kalos... fatto...
Autore
RAGAZZI IO VI RINGRAZIO CON TUTTO IL CUORE CHE MI AVETE E MI STATE AIUTANDO... MA PURTROPPO A ME NON LE VOSTRE PROCEDURE MOLTO BELLE.. E SICURAMENTE MOLTO UTILI A TUTTI NEL FORUM MA A ME NON FUNZIONANO...
AIUTO....
... se ti riferisci a me, ... non hai fatto niente di quanto detto ai punti 1,2,3,4,5 ... non ci sarebbero stati problemi...
... quando e se l'avrai fatto, interverrò per la continuazione...
.