Aiuto per funzionamento wow slider (Giancarlo/Kolasim) 
Author: Giorgio C.Sto cercando di capire come mai a me non funziona!
Contesto:
- Creato Home page senza applicazione modello (larghezza 1920, è la scelta giusta?)
- aggiunto gli oggetti che mi servono, menù compreso.
In questa pagina (in testa all'inizio) vorrei che apparisse lo slides show quindi mi sto cimentando con i suggerimenti recuperati qui http://giancafoto.altervista.org/wowslider-v13-iframe/
A) creato e pubblicato il progetto in Wow SLider, quindi copiati TUTTi questi files/cartelle nella cartella di preview del sito di prova.
B) in Home Page, proprietà, esperto, "prima della chiusura del tag HEAD" ho copiato il codice
<style> #div_iframe {position:absolute;top:100px;width:100%; z-index:1} </style>
<script>function h_iframeK(){
var ww =1920; // larghezza immagini; (*)
var hh =500; // altezza immagini; (*)
var wdiviframe = document.getElementById('div_iframe').offsetWidth;
var hiframe=Math.round(wdiviframe*hh/ww);
document.getElementById('iframek').style.height=hiframe +"px";
document.getElementById('imHeader').style.height=hiframe +"px";}
window.onload = function () {h_iframeK();}
window.onresize = function () {h_iframeK();} </script>
(*) sono le misure che ho messo nel progetto WowSlider e corrispondono alle dimensioni dei files caricati.
3) in Home page, proprietà, esperto, "dopo l'apertura del tag BODY" ho copiato il codice:
<div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="200" src="wowslider.html" scrolling="no" frameborder="no"></iframe></div>
L'anteprima però mi esce così:
Colto da dubbio, ho provato ad aggiungere i codici che escono dalla pubblicazione di WowSlider:
1) questo codice è stato messo subito sotto al codice di cui al punto B) più in alto
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
2) l'altro codice che genera WowSlider è stato invece copiato dentro all'oggetto Codice HTML che ho messo nella Home Page.
Il risultato non mi cambia: dove sbaglio?
Scusa se mi intrometto visto che chiedi aiuto a KolAsim/Giancarlo...
Il tutorial di Giancarlo e le istruzioni aggiuntive di KolAsim sono dettagliatissime...
Però tu, le prove devi farle online o esportando su disco...
Se vuoi essere, davvero, aiutato...
esporta online e posta qui il link della prova...
Sono quasi sicuro che se esporti online, tutti i files aggiuntivi di wowslider, è probabile che ti funzioni...
Ora non sono sul PC con website... ma oltre a quello che ti ha consigliato Claudio ... se vuoi puoi scaricarti questo Template Free per vedere come funzia .... forse potrebbe esserti utile:
https://helpcenter.websitex5.com/it/template/163731
... la cartella preview non andrebbe mai usata...
... se fai riferimento al mio codice che hai riportato, devi prima aver realizzato la pagina wowslider.html ed averla già esportata in rete con client FTP di terze parti, tipo Filezilla, e deve essere funzionante...
... per esempio, in rete crei la cartella che chiamerai "homeslideshow", o come preferisci, ...e dentro questa cartella invii tutti i files e cartelle a servizio dello slideshow...↓↓↓
... quando l'avrai fatto, post il link...
:::::::::::::::::::::
... supponendo!!! che il mio script risulti già adatto alla tua pagina, prova a sostituire il codice cui punto 3) con questo con il mio JSSOR (temporaneo!!!):
<div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="200" src="http://www.kolasim-zone.it/jssorK/issork_giorgio_196186.html" scrolling="no" frameborder="no"></iframe></div>
.
... posta sempre sia il link della tua pagina, che quello dello slideshow indipendente...
.
... non ho avuto tempo per il tuo jssor, ed ho solo notato che è incompatibile o non adatto, ed appunto per questo ho realizzato il mio, ma poi è arrivata la F1......+..... ...... ...........
.
Author
Claudio, ho scritto male il titolo e me ne rendo conto ora: l'intenzione ra di fare riferimento al tutorial Giancarlo/KolAsim, non di chiedere aiuto specifico a loro due. CHiedo scusa a entrambi.
Circa le prove online, no non le ho fatte perchè mi sono basato su quanto scritto nel tutorail stesso:
"Eventualmente se volete vedere l'anteprima del vostro sito direttamente su website senza esportarlo, potete copiare tutti i file comprese due cartelle nella directory Preview del vostro progetto."
ed è qello che ho fatto, con quel risultato. Mi attrezzo.
si Giorgio è corretto, se vuoi vedere il risultato in locale devi per forza mettere i file nella cartella Previewdel progetto ... giustamente ... per valutare meglio il tuo lavoro sarebbe utile vedere il sito online, tieni presente però che i file creati da wowslider NON vengono esportati con website, devi utilizzare un programma esterno per la trasmissione dati FTP come ad esempio filezilla ..
... dimenticavo vedi se ti può essede utile anche questo video...
http://www.giancarloweb.it/blog/index.php?tutorial-wowslider
Author
L'ho fatto perchè c'è scritto nel tutorial (vedi sopra risposta data a Claudio).
devi prima aver realizzato la pagina wowslider.html ed averla già esportata in rete con client FTP di terze parti, tipo Filezilla, e deve essere funzionante...
la pagina è stata creata, unitamente con i correlati file di pubblicazione, come ho scritto nel punto A del primo topic:
"A) creato e pubblicato il progetto in Wow SLider, quindi copiati TUTTi questi files/cartelle nella cartella di preview del sito di prova."
.. supponendo!!! che il mio script risulti già adatto alla tua pagina, prova a sostituire il codice cui punto 3) con questo con il mio JSSOR (temporaneo!!!):
<div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="200" src="http://www.kolasim-zone.it/jssorK/issork_giorgio_196186.html" scrolling="no" frameborder="no"></iframe></div>
.
... posta sempre sia il link della tua pagina, che quello dello slideshow indipendente...
.
Il codice l'ho applicato e ora funziona bene, vanno solo tolti i pulsanti di navigazione e i pulsanti avanti/indietro (che nella mia pagina wowslider.html non ci sono quindi presumo derivino dal tuo codice). Come li tolgo?
Al momento non posso pubblicare nulla perchè l'indirizzo di Altervista contiene un mini sito al quale penso stia lavorando Riccardo (almeno spero.....)
... nello style, così:
<div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="200" src="http://www.kolasim-zone.it/jssorK/issork_giorgio2_196186.html" scrolling="no" frameborder="no"></iframe></div>
.
(temporaneo)
.
Author
mi autosgrido.....
la pagina del wow slider è qui http://diariovacanzetest.altervista.org/TEST_WOWSLIDER/wowslider.html
(in questa NON appaiono i pulsanti etc.... come ti ho scritto qui sopra)
... in questo caso usa questo:
<div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="200" src="http://diariovacanzetest.altervista.org/TEST_WOWSLIDER/wowslider.html" scrolling="no" frameborder="no"></iframe></div>
.
Author
No, scusa questa me la devi spiegare.....
In pratica fra i due codici cambia questa stringa "giorgio" "giorgio2" e sono spariti pulsanti etc.??!!!!
Ma rimangono 2 particolari (colpa mia che non te li avevo sottoposti):
1 - sulla prima slide andrebbe tolta la scritta "IMMAGINI GIORGIO bla bla bla.......2
2- il timing di scrolling lo vorrei ridotto a 2 secondi, potresti?
ma, più in generale, se sapessi come intervieni (togliere pulsanti etc.) sarei più autonomo .....
Author
azz.... mi hai anticipato! Ma come diavolo......
Author
ma mi pare di capire che non posso applicare questo codice al sito vero e proprio giusto? QUi vedo l'indirizzo di altervista.
In effettivo è sufficiente che io scriva così:
<div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="200" src="http://www.diariovacanze.it/NOME_CARTELLA/wowslider.html" scrolling="no" frameborder="no"></iframe></div>
e le varie personalizzazioni (effetti, timing immagini etc....) le faccio in WOW con nuovo upload (in NOME_CARTELLA)dei files/cartelle di progetto che si genereranno.
Giusto?
Author
AZZZ!!!!! ho provato su una copia del sito ma perchè mi si scombina la pagina?
http://diariovacanzetest.altervista.org/DIARIOVACANZETEST/index.html
dovrebbe essere così (a parte l'effetto slider):
http://www.diariovacanze.it/
I valori che ho modificato nel codice prima del tag HEAD sono solo questi (in grassetto)
<style> #div_iframe {position:absolute;top:1px;width:100%; z-index:1} </style>
<script>function h_iframeK(){
var ww =1920; // larghezza immagini; (*)
var hh =500; // altezza immagini; (*)
var wdiviframe = document.getElementById('div_iframe').offsetWidth;
var hiframe=Math.round(wdiviframe*hh/ww);
document.getElementById('iframek').style.height=hiframe +"px";
document.getElementById('imHeader').style.height=hiframe +"px";}
window.onload = function () {h_iframeK();}
window.onresize = function () {h_iframeK();} </script>
(*) queste sono le misure del progetto WowSlider e sulla prova giravano bene.
Author
Grazie, Giancarlo l'ho guardato e mi è stato utile per la parte di WowSlider, per i codici ormai mi sono addentrato con quelli di KolAsim e a questo punto procedo con quelli visto che sono "quasi alla fine" (se risolvo il problema dello scompiglio di pagina!) , anzi se hai suggerimenti sempre ben accettati.
... nel tuo template non è attivo l'HEADER, e lo attivi in extra con il codice appresso, l'unico codice EXTRA che devi usare in HEAD, prima della chiusura di HEAD
<style> #div_iframe {position:absolute;top:1px;width:100%; z-index:1}
#imHeader {height:100px;width:100px} </style>
<script>function h_iframeK(){
var ww =1920; // larghezza immagini;
var hh =500; // altezza immagini;
var wdiviframe = document.getElementById('div_iframe').offsetWidth;
var hiframe=Math.round(wdiviframe*hh/ww);
document.getElementById('iframek').style.height=hiframe +"px";
document.getElementById('imHeader').style.height=hiframe +"px";}
window.onload = function () {h_iframeK();}
window.onresize = function () {h_iframeK();} </script>
...............................................
...gli altri codici per il controllo della riga li dievi eliminare, cioè quello che adesso hai al rigo 37...
... il DIV_CUSTOM div_iframe nel BODY rimane invariato....
.
Author
Perfetto, KolAsim, risolto quasi tutto (apro un nuovo topic).
Chiudo questo e, a questo punto, chiudo anche l'altro topic sullo Jssor visto che questo risolve (forse) tutte le esigenze.