Scroll JS. Immagini importate non visualizzate

[Ilbecchino]

Buonasera a tutti. Mi trovo a dover realizzare un sito per un amico. Sto usando codice JS per rendere il tutto più dinamico senza l'uso di Flash. Tutto bene per ora.
Ma sono incappato nel primo problema. Ho inserito codice JS trovato su Html.it riguardante a una modalità che permette lo scroll tramite onMouseOver. Praticamente posizionando il mouse su una determinata area si può fare lo scroll verticale. Tecnicamente si dovrebbe importare un file immagine di pochi pixel per visualizzare le frecce up e down, ma non riesco. Rimane il simbolo del jpeg che si visualizza quando non trova il file jpeg.
Questa è la stringa di codice in esame:

<div id="scrolldiv__controls" >
<div id="su"><img src="up.jpg" onMouseOver="scroll(-8, 40);" onMouseOut="stopScroll();"></div>
<div id="giu"><img src="down.jpg" onMouseOver="scroll(8, 40);" onMouseOut="stopScroll();" ></div>
</div>

Con up.jepg e down.jpeg che si riferiscono alle due immagini.

[ienavr]

se le immagini si chiamano up.jpeg e down.jpeg allora anche nel src devi scrivere

src="up.jpeg"

e non

src="up.jpg"

[Ilbecchino]

Ora non ho sottomano il file. (altro pc)
Ma mi sembra strano perchè alla fine io ho preso e copiato il tutto. Solo in un secondo momento cambiavo le immagini e il nome del collegamento. Quindi quello che ho trovato da scaricare non l'ho modificato. Però provo a ricontrollare l'estensione

[Ilbecchino]

Ho controllato. Il problema non è quello. Continua a non visualizzarmi le icone. Ho provato anche a crearne un altra ma anche quella non me la da.

[Ilbecchino]

help

[Xinod]

Originariamente inviato da Ilbecchino
help

dicci tu come!
non si sa che script stai usando, ne' si puo' vedere la versione modificata da te

tutto quello che ci e' dato sapere e' che le immagini coinvolte non vengono trovate

piu' che dirti di controllare i percorsi e le estensioni delle immagini cosa ci dovremmo inventare?

[Ilbecchino]

Questo è lo script:

<script type="text/javascript">
var scrollDiv;
var hDiv;
var tClip;
var bClip;
var wClip;
var interval;
var topPos = 0;

function initScroller(id) {
scrollDiv = document.getElementById(id);
var margin = parseInt(scrollDiv.offsetTop);

var scrollDiv__controls = document.getElementById(id + '__controls');

/* Style per il div interno (testo) */
scrollDiv.style.width = (scrollDiv.parentNode.offsetWidth - (margin * 2)) - 24 + 'px';
scrollDiv.style.height = 'auto';
scrollDiv.style.overflow = 'hidden';

/* Style per il div esterno (contenitore) */
scrollDiv.parentNode.style.overflow = 'hidden';

/* Style per il div con i controlli (testo) */
scrollDiv__controls.style.display = 'block';

/* Impostazioni per visualizzare la parte di testo superiore */
hDiv = scrollDiv.offsetHeight;

tClip = 0;
wClip = scrollDiv.parentNode.offsetWidth - (margin * 2);
bClip = scrollDiv.parentNode.offsetHeight - (margin * 2);

scrollDiv.style.clip = 'rect('+ tClip +'px,'+ wClip +'px,'+ bClip +'px,0)';
// alert("tClip:"+tClip+"\nwClip:"+wClip+"\nbClip:"+b Clip+"\n");
}

function scroll(scrollBy, time) {
tClip += scrollBy;
bClip += scrollBy;
topPos -= scrollBy;

if (tClip < 0 || bClip > hDiv) {
tClip -= scrollBy;
bClip -= scrollBy;
topPos += scrollBy;
}

scrollDiv.style.clip = 'rect('+ tClip +'px, '+ wClip +'px, '+ bClip +'px, 0)';
scrollDiv.style.top = topPos + 'px';
interval = setTimeout('scroll('+ scrollBy +', '+ time +')', time);
}

function stopScroll() {
if (interval) clearTimeout(interval);
}</script>

[Xinod]

nello script non vi sono riferimenti alle immagini
quindi il problema molto difficilmente riguarda javascript

ripeto: controlla percorsi, nomi ed estensioni (rispettando minuscole e maiuscole) di queste immagini

sposto in xhtml, almeno finche' non venga accertato che il problema non riguardi il puro html
ciao

[wergax]

forse non è questo.. però da ingnorante hai scritto sul html

scrolldiv__controls


mente nel js

scrollDiv__controls




...spero per te che sia questo..

[Ilbecchino]

Controllato se ero ingnorante e le dicitura scrolldiv sono tutte corrette. E ho ricontrollato tutto il codice. Ma non cambia nulla di nulla.