Wowslider in header ma diverso in alcune pagine
Autor: Gianfranco G.Ciao a tutti,
ho inserito il seguente codice sotto "Statische SEO e codice" / Esperto
"prima della chiusura dell'head"
<style> #div_iframe {position:absolute;top:90px;width:100%; z-index:1; margin-bottom:0px} </style>
<script>function h_iframeK(){
var ww =1024; // larghezza immagini;
var hh -368; // 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>
e "dopo l'apertura del tag body"
<div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="450" src="wowslider.html" scrolling="no" frameborder="no"></iframe></div>
e sino a qua tutto bene.
Caricando i file prodotti da wowslider sotto il server su tutto il progetto nell'intestazione "header" mi appaiono le immagini in jquery che voglio.
Questo l'ho fatto perchè mi serve che nell'intestazione prima del menu mi appaiano le foto caricate in wowslider per tutte le pagine dl sito.
Solo per 3 pagine del sito vorrei che venisse importato un altro file "wowslider.html" specificatro sopra es: "wowslider2.html".
C'e' modo di farlo?
Caricando lo stesso codice sopra nella parte Esperto delle 3 pagine che mi interessano come faccio a escludere che non mi venga caricato il wowslider.html dell'header?
C'e' modo di mettere prima della riga che ho inserito dopo l'apertura del Body un IF che mi permetta di escludere il caricamento della riga solo per le 3 pagine che mi interessano?
Purtroppo le pagine sono tante e devo mettere per forza le righe sopra riportate nell'header e non nelle singole pagine.
Grazie molte.
Un saluto.
... avresti due possibilità:
1) - inserire il mio codice, anziché nella sezione SEO/ESPERTO, nella stessa sezione /HEAD, ma in Proprietà della Pagina/ESPERTO, pagina per pagina, personalizzando il link della pagina wowslider, wowslider1.html, wowslider2.html, ecc.;
2) - in alternativa al punto 1), che forse è quello che cerchi, (lasciando valido quello che hai precedentemente fatto), puoi inserire in Proprietà della pagina/esperto, prima della chiusura di /HEAD:
<script> window.onload=function () {document.getElementById("iframek").src = "wowslider2.html";} </script>
... oppure mettere prima della chiusura del /BODY:
<script> document.getElementById("iframek").src = "wowslider2.html";} </script>
... il mio codice è particolarmente indicato per usare slideshow diversi in base alla risoluzione ed in base alla pagina, potendo usare versioni più leggere nelle finestre ridotte/mobile, e che puoi vedere in azione >> QUI
.
.
Autor
Grazie Kolasim,
ho applicato
<script> window.onload=function () {document.getElementById("iframek").src = "wowslider2.html";} </script>
e funziona!
Il problema e che nella pagina che mi interessa appare prima per un attimo wowslider.html dell'header e poi wowslider2.html e non è bellissimo a vadersi.
Potrei ritardare di un attimo il caricamento dello wowslider.html posto nell'header per tutte le pagine?
...!... vedo un errore nel codice che hai postato (var hh - 368;) ...!...
... casomai dovrebbe essere: var hh = 368;
...
... al posto del precedente codice prova ad usare questo codice (SEO-/HEAD):
<style> #div_iframe {position:absolute;top:90px;width:100%; z-index:1; margin-bottom:0px} </style>
<script>function h_iframeK(){
var ww =1024; // larghezza immagini;
var hh = 368; // 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();}
document.getElementById("iframek").src = "wowslider1.html";
</script>
... e nel SEO-BODY il campo SRC dell'iframe VUOTO (" "):
<div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="450" src=" " scrolling="no" frameborder="no"></iframe></div>
... e quanto detto varrebbe per tutto il sito.....................................
... invece, nelle pagine dove vuoi usare uno slideshow diverso (qualsiasi tipo), nelle Proprietà della Pagina/ESPERTO prima della chiusura di /HEAD, devi uare lo stesso codice che avevi usato prima:
<script> window.onload=function () {document.getElementById("iframek").src = "wowslider2.html";} </script>
.
Autor
Ho provato a fare quello che hai scritto.
in (SEO-/HEAD) mettendo il codice con la nuova riga + in SEO BODY il campo SRC dell'iframe VUOTO (" "):
non mi appaiono le immagini cioè non mi carica wowslider1.html che nel mio caso è wowslider.html
Ho provato anche a mettere i singoli apici alla riga che hai aggiunto per caricare wowslider.html
document.getElementById('iframek').src = "wowslider.html";
ma niente da fare non mi carica wowslider.html
invece se scrivo in SRC wowslider.htm nella riga in SEO BODY (dopo l'apertura del Tag Body) mi ricarica il wowslider.html
...sicuramente sbaglio qualcosa
... penso di no! ... in teoria doveva funzionare, però!; ...ho fatto questi due esempi con variante; copia direttamente il codice dal sogente (Ctrl+U):
>> normaleiframek (xSEO/ESPERTO-/HEAD, quello per tutto il sito, dal rigo 8 al 25;)
>> dirottaiframek (xProprietà Pagina/ESPERTO-/HEAD solo il codice al rigo 4, lo stesso di prima)
... per il div xbody/iframe, rimane come prima ...
.
Ciao Kol, io vedo un piccolo spazio sulla sinistra delle foto (vedi le due frecce rosse a sinistra) e una barra di scroll che ha un movimento di mezzo centimetro circa (freccia rossa in basso a destra)
La stessa cosa la vedo anche sull'altro tuo esempio. Ciao ciao
... non c'è nessuno stile pagina nell'esempio, che serve solo per valutare il codice dirottamento...
... comunque se vuoi provare basterebbe aggiungere: body {margin:0px}
.
ciao
.
ok, si in effetti era quello. Ieri era tardissimo quando ho postato lo screenshot e non ho ispezionato nulla. Ciao ciao
Autor
Ciao Kolasim,
è da ieri che sto provando e non mi apparivano le immagini.
Ho scoperto che da fastidio questo codice che ho inserito nella home page (no nella parte esperto ma in mezzo alla pagina) come codice html
onload=function(){
Nifty("div#content,div#nav");
if(document.getElementById){
document.getElementById("t1ricerca").style.display="block";
document.getElementById("t2ricerca").style.display="block";
}
}
Questo codice da fastidio al tuo nella parte "document.getElementById". Mi puoi dire se posso scrivere il tuo codice in altra maniera per non farlo andare in conflitto con quello inseroto in html?
Grazie molte.
... non vedo il tag <script> ma in teoria non dovrebbe interferire con il mio codice...
... comunque, per poter eventualmente valutare occorrerebbe vedere il link della pagina in questione, o di un qualsiasi esempio che presenti tale problema...
ciao