WebSite X5Help Center

 
Gianfranco G.
Gianfranco G.
User

Wowslider in header ma diverso in alcune pagine  it

Auteur : Gianfranco G.
Visité 1958, Followers 1, Partagé 0  

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.

Posté le
11 RéPONSES
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

.



.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Gianfranco G.
Gianfranco G.
User
Auteur

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?

Lire plus
Posté le de Gianfranco G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...!... 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>

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Gianfranco G.
Gianfranco G.
User
Auteur

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

Lire plus
Posté le de Gianfranco G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Gianfranco G.
... ... ... ... ...sicuramente sbaglio qualcosa

... penso di no! ... in teoria doveva funzionare, però!undecided; ...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 ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

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)

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

La stessa cosa la vedo anche sull'altro tuo esempio. Ciao ciao

Lire plus
Posté le de Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Giuseppe Guida
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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

ok, si in effetti era quello. Ieri  era tardissimo quando ho postato lo screenshot e non ho ispezionato nulla. Ciao ciao

Lire plus
Posté le de Giuseppe Guida
Gianfranco G.
Gianfranco G.
User
Auteur

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.

Lire plus
Posté le de Gianfranco G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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



Lire plus
Posté le de  ‪ KolAsim ‪ ‪