|
| Precedente :: Successivo |
| Autore |
Messaggio |
wildchloee
Eroe in grazia degli dei
Registrato: 22/09/07 12:56
Messaggi: 190
Residenza: Davanti al mio bambino(notebook)
|
 Inviato: 01 Nov 2007 16:29 Oggetto: Firefox e Marquee |
 |
|
Ciao ragazzi,
perdonatemi se la discussione è già stata affrontata, ma ho cercato e letto tutti i 76 risultati della ricerca su Olimpo e nessuno soddisfava le mie esigenze.
Il problema è questo: il rapporto tra Firefox e "<marquee>".
Questo attributo non supportato da w3c non si vede in Firefox. A me servirebbe uno script java per ottenere lo stesso effetto che otterrei su IE con marquee.
Ho necessità di uno scrolling orizzontale di immagini 100x35 pixel (i banner degli affiliati), ognuna delle quali dovrebbe essere linkabile; lo scrolling dovrebbe fermarsi onmouseover (se volete, provate ad aprire il mio sito www.coldcaseitalia.net con IE per capire di cosa parlo).
Ho provato anche alcuni Javascript (quello che è presente al momento sul mio sito è uno script java, non il marquee), ma non si vedono in Firefox.
Ho navigato, cercato e provato di tutto: voi siete l'ultima speranza! Possibile che non si riesca ad ottenre un effetto tutto sommato banale?  |
|
| Top |
|
 |
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 01 Nov 2007 16:49 Oggetto: |
|
|
Dai un occhiata a questo:
Crossbrowser marquee
L'implementazione, scarichi il file ticker.js
lo piazzi nell'head
| Codice: |
<script type="text/javascript" src="ticker.js"> </script>
|
e nel body metti il div ticker
| Codice: |
<div id="ticker"> </div>
|
le variabili da personalizzare sono queste
| Codice: |
var tWidth='300px'; // width - dimensione larghezza layer
var tHeight='25px'; // height - dimensione altezza layer
var tcolour='#ffffcc'; // background color.
var moStop=true; //imposti la pausa al mouseover (true=si o false=no)
var fontfamily = 'arial,sans-serif'; // font del contenuto
var tSpeed=3; // velocita' di scorrimento (1 = lento, 5 = massima velocità)
|
il contenuto che devi personalizzare è dato da questa variabile.
| Codice: |
var content='Are you looking for loads of useful information <a href="http:\/\/javascript.about.com\/">About Javascript<\/a>? Well now you\'ve found it.';
|
Ti consiglio cmq eventualmente di formattare il layer ticker da css, molto + malleabile
L'esempio a me funziona (ed ho firefox 2.x)
come vedi i tag sono escapati
</b> diventa <\/b>, http:// diventa http:\/\/ etc
l'autore mette a disposizione un convertitore utile, tu scrivi l'html puro premi Convert e lui ti genera il testo con tutti i backslash del caso. |
|
| Top |
|
|
wildchloee
Eroe in grazia degli dei
Registrato: 22/09/07 12:56
Messaggi: 190
Residenza: Davanti al mio bambino(notebook)
|
| Inviato: 01 Nov 2007 18:23 Oggetto: |
|
|
Grazie mille, non so come ringraziarti! avevo provato tanti altri cosiddetti "marquee cross-browser" ma nessuno di loro aveva funzionato, mentre questo sì! Propongo che sia inserito tra le risorse utili  non sai quanti post ho letto su forum in tutte le lingue per questo problema!
GRAZIE ancora!  |
|
| Top |
|
|
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 01 Nov 2007 19:01 Oggetto: |
|
|
Figurati, è un piaciere  |
|
| Top |
|
|
wildchloee
Eroe in grazia degli dei
Registrato: 22/09/07 12:56
Messaggi: 190
Residenza: Davanti al mio bambino(notebook)
|
| Inviato: 02 Nov 2007 20:57 Oggetto: |
|
|
ho scoperto un problema con questo script su IE (che, tra l'altro, ho appena reinstallato perchè avevo dei problemi, ed è tornato al funzionamento normale).
Il problema è: quando il primo banner ha concluso il suo giro, invece che continuare lo scrolling mostrando tutti gli altri lo script fa ricominciare il giro. In FF il problema non c'è. Per vedere con i vostri occhi, visitate www.coldcaseitalia.net con Internet Explorer.
Il problema si è presentato oggi, quando ho aggiunto due ulteriori immagini allo scrolling. Prima funzionava a dovere.
Lo script è tutto racchiuso nel file ticker.js:
| Codice: |
var tWidth='500px'; // width (in pixels)
var tHeight='45px'; // height (in pixels)
var tcolour='none'; // background colour:
var moStop=true; // pause on mouseover (true or false)
var fontfamily = 'arial,sans-serif'; // font for content
var tSpeed=2; // scroll speed (1 = slow, 5 = fast)
// enter your ticker content here (use \/ and \' in place of / and ' respectively)
var content='<a href="http:\/\/www.smallvillegreenside.com"><img src="img\/banner_smallville.jpg" alt="Smallville Green Side - Il più grande sito italiano dedicato a Smallville, Clark Kent, Lex Luthor, Lana, Chloe, Lois, spoiler e guida episodi" border="0"><a> <a href="http:\/\/psw.netsons.org\/tvseries" target="_blank"><img class="banners" alt="http:\/\/psw.netsons.org\/tvseries" src="img\/banner_tvseries.jpg" height="35" width="100"><\/a> <a href="http:\/\/www.dottorhouse.net\/" target="_blank"><img alt="banner_housenet (10K)" src="img\/banner_housenet.png" height="35" width="100" border="0"><\/a> <a href="http:\/\/www.otherlost.altervista.org\/" target="_blank"><img alt="banner_lostinweb (4K)" src="img\/banner_lostinweb.gif" height="35" width="100" border="0"><\/a> <a href="http:\/\/www.stregheones.com\/ghost\/" target="_blank"><img alt="banner_ghostside (4K)" src="img\/banner_ghostside.gif" class="banners" height="35" width="100" border="0"><\/a> <a href="http:\/\/www.theocseries.com\/forums\/forumdisplay.php?f=638" target="_blank"><img alt="Forum @ telefilmseries.com" src="img\/banner_tfseries.png" height="35" width="100" border="0"><\/a> <a href="http:\/\/fanlisting.coldcaseitalia.net" target="_blank"><img class="banners" alt="The Cold Case Fanlisting" src="img\/banner_ccfl.jpg" height="35" width="100" border="0"\/><\/a><a href="http:\/\/www.fionat.com\/csi\/" target="_blank"><img class="banners" alt="Csi Clip World" src="img\/banner_csiclipworld.jpg" height="35" width="100"><\/a> <a href="http:\/\/www.telefilmzone.it" target="_blank"><img class="banners" alt="Telefilm Zone" src="img\/banner_tfzone.jpg" height="35" width="100"><\/a> <a href="http:\/\/miti.schermotv.com" target="_blank"><img class="banners" alt="http:\/\/miti.schermotv.com" src="img\/banner_miti.gif" height="35" width="100"><\/a> ';
// Simple Marquee / Ticker Script
// copyright 3rd January 2006, Stephen Chapman
// permission to use this Javascript on your web page is granted
// provided that all of the below code in this script (including this
// comment) is used without any alteration
var cps=tSpeed; var aw, mq; var fsz = parseInt(tHeight) - 4; function startticker(){if (document.getElementById) {var tick = '<div style="position:relative;width:'+tWidth+';height:'+tHeight+';overflow:hidden;background-color:'+tcolour+'"'; if (moStop) tick += ' onmouseover="cps=0" onmouseout="cps=tSpeed"'; tick +='><div id="mq" style="position:absolute;left:0px;top:0px;font-family:'+fontfamily+';font-size:'+fsz+'px;white-space:nowrap;"><\/div><\/div>'; document.getElementById('ticker').innerHTML = tick; mq = document.getElementById("mq"); mq.style.left=(parseInt(tWidth)+10)+"px"; mq.innerHTML='<span id="tx">'+content+'<\/span>'; aw = document.getElementById("tx").offsetWidth; lefttime=setInterval("scrollticker()",50);}} function scrollticker(){mq.style.left = (parseInt(mq.style.left)>(-10 - aw)) ?parseInt(mq.style.left)-cps+"px" : parseInt(tWidth)+10+"px";} window.onload=startticker;
|
Ma sono io che sono sfortunata, o sono incapace, o cosa? |
|
| Top |
|
|
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 02 Nov 2007 21:36 Oggetto: |
|
|
cioè tu dici quando ha completato il banner MITI ricomincia da capo?
Non capisco, ora qui ho solo IE6 ma il comportamento è identico.
Unica stranezza tutto quel tempo tra l'ultimo banner ed il primo quando ricomincia il giro.
Domani controllo con calma
perchè se vedo la sola pagina affil.html la vedo in laterale sinistro, mentre in IE la vedo in centrale
non capisco infatti nel css
| Codice: |
<style>
@import url(files/styleccf4.css);
#affil {
width: 500px;
text-align: center;
}
</style>
|
ma non trovo un div affil e poi una classe al tag body = menu?
| Codice: | <BODY class="menu">
<div id="ticker"> </div>
</body>
</html>
|
aspetto tue delucidazioni prima di continuare, spiegami a che serve quel text-align:center
ah dimenticavo: se rilevi le ultime 2 immagini ti rifunziona correttamente? |
|
| Top |
|
|
wildchloee
Eroe in grazia degli dei
Registrato: 22/09/07 12:56
Messaggi: 190
Residenza: Davanti al mio bambino(notebook)
|
| Inviato: 03 Nov 2007 20:18 Oggetto: |
|
|
no, ricomincia da capo quando ha "riempito" tutto l'IFRAME che è largo 500px (ma NON ha finito il giro di tutti i bannerini).
infatti il file affil.html è in IFRAME, per questo ho inserito un foglio di stile tutto suo. mi dev'essere sfuggito "align: center", in quel file non serve granchè essendo appunto racchiuso in un IFRAME.
la classe a "body" l'avevo messa perchè mi serviva che avesse dei requisiti differenti dal body della pagina principale, l'avevo anche testata e non mi dava problemi, ma anche quella credo sia un residuo della versione precedente del sito.
non c'è un div "affil" perchè devo averlo rinominato in "scroll" in uno dei miei tentativi e poi mi sono scordata di rinominarlo ancora.
diciamo che, in questi giorni, ho tentato molto script e devo aver leggermente incasinato il tutto 
ad ogni modo credo di aver risolto, non so come, la cosa: il problema non si presenta più  |
|
| Top |
|
|
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 03 Nov 2007 21:17 Oggetto: |
 |
|
| wildchloee ha scritto: |
ad ogni modo credo di aver risolto, non so come, la cosa: il problema non si presenta più |
risolto risolto? Bene, archiviata la questione  |
|
| Top |
|
|
|
|
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
