SLIDE FULL SCREEN - PER KOLASIM 
Autore: #ABCD WebAgency
Visite 1594,
Followers 2,
Condiviso 0
ciao kolasim tempo fa ti chiesi aiuto per realizzare uno slide fullscreen e tu prontamenti mi rispondesti linkandomi questo codice:
<style type="text/css"> #slide{ position:absolute; top:100px; left:0; z-index:0; width:100%;height:700px;}
ho inserito questo codice in WSX5 utilizzando WOWSLIDER ed il risultato è questo:
http://www.realizzazionesitiwebsalerno.it/nereidi/
Il problema e che quando riduco la dimensione della pagina del browser, il tutto mi si sfalda. Esempio in allegato. Come posso risolvere? Grazie in anticipo.
Postato il
Se non ricordo male wowslider alla creazione dello slide ti fa impostare delle dimensioni fisse in px e non in percentuale........il problema credo stia lì........
esatto, penso anche io sia quello il motivo...
ciao,
... forse non ho capito, ...ma dal link postato non mi risultano inconvenienti nella visualizzazione...
.
ciao
allora anche io non ho capito....avevo letto " slide fullscreen " e quella linkata invece ha misure fisse...
Autore
siccome avete risposto tardi, ho optato su uno slide fisso. cmq, se si usa il div di kolasim con uno slide creato con fullscreen con wowslidere (essendo lo slide "responsive") alla riduzione della pagina del browser, si sfalda tutto.
... forse adesso ho capito; ...tu vorresti che lo slideshow si estendesse per tutta la larghezza della finestra, e non limitatamente all'area che si vedeva nel tuo esempio..?... (...!...che adesso non funziona...!...)
... se è così che intendi, ...secondo me si potrebbe fare, e fammelo sapere, che oggi pomeriggio, trovando tempo gli darei un'occhiata... (salvo imprevisti non alla mia portata)...
... considera comunque, che gli unici slideshow che ho visto estesi a tutta pagina sino ad ora, ne ho visti solo dei miei, costruiti su una mia vecchia idea/invenzione, anche se a portata d tutti; ...forse e sicuramente sbaglio, non navigo molto, ma di altri non ne ho mai visti...
... comunque fammelo sapere, così se posso lo ispeziono, ...!.. ma ripristina l'esempio...!... che adesso non funziona più; ...ed intanto ti faccio vedere due miei esempi, uno unico basato su SwishMax/Flash e l'altro basato sullo sfondo jQuery fullscreen di MirKo:
http://www.zspace.it/kolasim/website/sfondoHeaderRezizeK1/pagina_1.html
http://www.zspace.it/kolasim/website/sfondoHeaderRezizeK2/pagina_1.html
... io non posso valutarli perchè ho un monitor 15', ma credo che funzionino ...
...
ciao
Autore
ok ora ti rifaccio l'esempio. mi servirebbe una cosa tipo il secondo link - che alla riduzione eventuale della pagina browser, non mi si sfaldi il tutto, ma creato con wowslider.
ti creo l'esempio, e ti posto tutto in rete.
Autore
ecco a te, prova a ridurre il browser...
http://www.realizzazionesitiwebsalerno.it/slide/
... OK, ...abbi pazienza, lo guarderò nel pomeriggio...
...!... però...!... intanto che ho osservato, diverso dal precedente, mi sembra che si sia venuto abbastanza bene, e non ho notato sfasamenti...!...
.
... a più tardi ... ... .. .. .. . . .
Autore
non preoccuparti, prenditi tutto il tempo.
prova a ridurre la finestra del browser, vedrai che il testo PROVA SLIDE rimane fisso mentre lo slide si riduce aumentando di conseguenza lo spazio tra lo slide e il testo.
... ok, ho capito; ...non l'ho guardato più di tanto, (ho visto che si potrebbe controllare SI' via CSS), ...ma per non perdere tempo sono partito direttamente con il metodo di mia invenzione, rapidissimo:
1)– ho estratto lo slideshow e l'ho messo in una pagina sua esterna: http://www.zspace.it/kolasim/website/wowslider/wowslider_dan_1.html
2)- l'ho importato per prova nella pagina di mia invenzione: http://www.zspace.it/kolasim/website/wowslider/wowslider_dan_2.html
3)- ho copiato nel blocco note la tua pagina ricreandola correggendo le relazioni dirigendole al tuo sito ed eliminando lo slideshow;
4)- ho inserito quindi il mio codice nella struttura della tua pagina, richiamando nel tag body la funzione FinestraK(), e questo è il risultato: http://www.zspace.it/kolasim/website/wowslider/wowslider_dan_K.html
.
... trovi il mio SCRIPT iniziale, la funzione nella dichiarazione BODY, ed il DIV contenitore che importa WowSlider in fondo alla pagina; ...unico...
... dovrebbe essere facilmente interpretabile, nel caso fatti sentire...
... !... su questo PC con CH ed FF funziona; no con IE7; ...non so altrove...!... (per compatibilità il metodo Flash per me sarebbe il migliore, ma non per gli iCosa? ... e dovrai per questi ultimi verificare tu direttamente questo esempio, essendo presente un IFRAME)
...
.
ciao
=====================EDIT===========================
... ho semplificato al massimo, eliminando la funzione ed utilizzando l'IFRAME in modo diretto: http://www.zspace.it/kolasim/website/wowslider/wowslider_dan_K2.html
... il codice è tutto qui:
<div ID="KolAsim" style="margin: 0; padding: 0;width:100%;height:300px;position:absolute;text- <br>align:center;top:145px;z-index:2;min-width:960px;">
<div ID="finestraDIV" style="margin: 0; padding: 0;top: 50%;" >
<iframe id='iframeK' style='position:relative;z-index:3'
src='http://www.zspace.it/kolasim/website/wowslider/wowslider_dan_1.html' height='300' ;
width=100% scrolling='no' frameborder='no' allowtransparency='true'></iframe>
</div>
</div>
<!-- End WOWSlider.com BODY section -->
.