Losowe zdjęcie i kod area

Pozostałe tematy dotyczące tworzenia stron WWW.
Chłopek
Posty: 261
Rejestracja: 24 mar 2009, 18:42:29
Strona na CBA.pl: www.zuziawdrodze.cba.pl
Lokalizacja: Żywiec-Sienna
Płeć: Mężczyzna
User Agent: Firefox Windows
Kontakt:

Losowe zdjęcie i kod area

Post autor: Chłopek »

Cześć.
Znów mam drobny problemik :)
Otóż mam kod, który po wstawieniu na stronę główną, powoduje iż po każdym wejściu pojawia się inne/losowe zdjęcie (zdjęcie tworzy tło, nie można go otworzyć). I jest ok, wszystko działa.
Jednak docelowo na tych zdjęciach mają być pola aktywne, czyli że po kliknięciu w dane miejsce przeniesie mnie gdzie indziej i to działa gdy nie używam kodu do zdjęć losowych.
I tu właśnie kłopot, bo próbuję i się nie udaje więc może coś źle wpisuję, kończę itd.

Kod losowych zdjęć który działa:

Kod: Zaznacz cały

<script&nbsp;type="text/javascript">
//&nbsp;<![CDATA[
Array.prototype.random&nbsp;=&nbsp;function(limit)
{
&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(typeof&nbsp;limit&nbsp;==&nbsp;'undefined'&nbsp;||&nbsp;limit&nbsp;<&nbsp;0)&nbsp;limit&nbsp;=&nbsp;1;
&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;if&nbsp;(!limit)&nbsp;limit&nbsp;=&nbsp;this.length;
&nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(var&nbsp;i&nbsp;=&nbsp;0,&nbsp;source&nbsp;=&nbsp;this,&nbsp;target&nbsp;=&nbsp;new&nbsp;Array(),&nbsp;n&nbsp;=&nbsp;source.length;&nbsp;i&nbsp;<&nbsp;limit&nbsp;&&&nbsp;n&nbsp;>&nbsp;0;&nbsp;i++)
&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;do&nbsp;{&nbsp;var&nbsp;index&nbsp;=&nbsp;Math.random();&nbsp;}&nbsp;while&nbsp;(index&nbsp;==&nbsp;1);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;index&nbsp;=&nbsp;Math.floor(index&nbsp;*&nbsp;n);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;target.push(source[index]);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;source[index]&nbsp;=&nbsp;source[--n];
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;target;
}

document.write(new&nbsp;Array(
//&nbsp;Tu&nbsp;wpisz&nbsp;kolejne&nbsp;elementy:

'<img&nbsp;src="http://www.dzikazuzia.cba.pl/roznefoty/jalowiec1.jpg">',
'<img&nbsp;src="http://www.dzikazuzia.cba.pl/roznefoty/naszeszlaki.jpg">',
'<img&nbsp;src="http://www.dzikazuzia.cba.pl/roznefoty/pieczatki.jpg">'

).random().join(''));
//&nbsp;]]>
</script>
Jednak gdy w miejscę zwykłego linku do zdjęcia wstawię link z kodem określającym współrzędne aktywnego pola na tym zdjęciu to nie działa. Zdjecia w ogóle się nie pojawiają (współrzędne narazie są tak na oko, ale to nie ma jeszcze znaczenia, to sobie ustalę).

Kod: Zaznacz cały

<script&nbsp;type="text/javascript">
//&nbsp;<![CDATA[
Array.prototype.random&nbsp;=&nbsp;function(limit)
{
&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(typeof&nbsp;limit&nbsp;==&nbsp;'undefined'&nbsp;||&nbsp;limit&nbsp;<&nbsp;0)&nbsp;limit&nbsp;=&nbsp;1;
&nbsp;&nbsp;&nbsp;&nbsp;else&nbsp;if&nbsp;(!limit)&nbsp;limit&nbsp;=&nbsp;this.length;
&nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(var&nbsp;i&nbsp;=&nbsp;0,&nbsp;source&nbsp;=&nbsp;this,&nbsp;target&nbsp;=&nbsp;new&nbsp;Array(),&nbsp;n&nbsp;=&nbsp;source.length;&nbsp;i&nbsp;<&nbsp;limit&nbsp;&&&nbsp;n&nbsp;>&nbsp;0;&nbsp;i++)
&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;do&nbsp;{&nbsp;var&nbsp;index&nbsp;=&nbsp;Math.random();&nbsp;}&nbsp;while&nbsp;(index&nbsp;==&nbsp;1);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;index&nbsp;=&nbsp;Math.floor(index&nbsp;*&nbsp;n);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;target.push(source[index]);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;source[index]&nbsp;=&nbsp;source[--n];
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;target;
}

document.write(new&nbsp;Array(
//&nbsp;Tu&nbsp;wpisz&nbsp;kolejne&nbsp;elementy:

'<img&nbsp;src="http://www.dzikazuzia.cba.pl/roznefoty/jalowiec1.jpg"&nbsp;usemap="#naszeszlaki">
<map&nbsp;name="naszeszlaki">
&nbsp;&nbsp;&nbsp;&nbsp;<area&nbsp;href="http://www.dzikazuzia.cba.pl/zuziawdrodze.html"&nbsp;title="Zuzia&nbsp;w&nbsp;drodze"&nbsp;shape="rect"&nbsp;coords="64,58,233,124">
&nbsp;&nbsp;&nbsp;&nbsp;<area&nbsp;href="http://www.dzikazuzia.cba.pl/staswdrodze.html"&nbsp;title="Staś&nbsp;w&nbsp;drodze"&nbsp;shape="rect"&nbsp;coords="470,41,628,140">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<area&nbsp;href="http://www.dzikazuzia.cba.pl/naszeszlaki.html"&nbsp;title="nasze&nbsp;szlaki"&nbsp;shape="rect"&nbsp;coords="302,188,519,220">
</map>',
'<img&nbsp;src="http://www.dzikazuzia.cba.pl/roznefoty/naszeszlaki.jpg"&nbsp;usemap="#naszeszlaki">
<map&nbsp;name="naszeszlaki">
&nbsp;&nbsp;&nbsp;&nbsp;<area&nbsp;href="http://www.dzikazuzia.cba.pl/zuziawdrodze.html"&nbsp;title="Zuzia&nbsp;w&nbsp;drodze"&nbsp;shape="rect"&nbsp;coords="64,58,233,124">
&nbsp;&nbsp;&nbsp;&nbsp;<area&nbsp;href="http://www.dzikazuzia.cba.pl/staswdrodze.html"&nbsp;title="Staś&nbsp;w&nbsp;drodze"&nbsp;shape="rect"&nbsp;coords="470,41,628,140">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<area&nbsp;href="http://www.dzikazuzia.cba.pl/naszeszlaki.html"&nbsp;title="nasze&nbsp;szlaki"&nbsp;shape="rect"&nbsp;coords="302,188,519,220">
</map>',
'<img&nbsp;src="http://www.dzikazuzia.cba.pl/roznefoty/pieczatki.jpg"&nbsp;usemap="#naszeszlaki">
<map&nbsp;name="naszeszlaki">
&nbsp;&nbsp;&nbsp;&nbsp;<area&nbsp;href="http://www.dzikazuzia.cba.pl/zuziawdrodze.html"&nbsp;title="Zuzia&nbsp;w&nbsp;drodze"&nbsp;shape="rect"&nbsp;coords="64,58,233,124">
&nbsp;&nbsp;&nbsp;&nbsp;<area&nbsp;href="http://www.dzikazuzia.cba.pl/staswdrodze.html"&nbsp;title="Staś&nbsp;w&nbsp;drodze"&nbsp;shape="rect"&nbsp;coords="470,41,628,140">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<area&nbsp;href="http://www.dzikazuzia.cba.pl/naszeszlaki.html"&nbsp;title="nasze&nbsp;szlaki"&nbsp;shape="rect"&nbsp;coords="302,188,519,220">
</map>'

).random().join(''));
//&nbsp;]]>
</script>
I teraz nie wiem, czy to w ogóle nie może tak działać czy też coś ty mam źle? Dodam tylko, że sam kod do określania współrzędnych normalnie mi działa ale w przypadku zwykłego wstawiania zdjecia, nie losowych.
Z pomoc będę wdzięczny :)

---- EDIT ----

Ok, już mam rozwiązanie. Trzeba wszystko upchać w jednej linijce i wtedy działa. Tak to niby musi być w JS.
ODPOWIEDZ