Scriptek – Hitetlen.com - Automata képcserélő/effektel

hitetlen.com > Scriptek > Automata képcserélő/effektel

Automata képcserélő/effektel

2006, február 5.

Demo jelenleg látható:
Különlegessége, hogy minden kép külön-külön linkelhető!

HTML Kód:

<SCRIPT language="JavaScript">document.writeln(”); var jsiomenu = new Array(); var jsiourls = new Array(); document.write(”);document.writeln(”); jsiomenu[jsiomenu.length]=”http://www.net-cafe.hu/wallpapers/00000025.jpg”; jsiourls[jsiourls.length]=”http://www.hitetlen.com”; document.write(”);document.writeln(”); jsiomenu[jsiomenu.length]=”http://www.net-cafe.hu/wallpapers/00000026.jpg”; jsiourls[jsiourls.length]=”http://www.tutorial.hu”; document.write(”);document.writeln(”); jsiomenu[jsiomenu.length]=”http://www.net-cafe.hu/wallpapers/00000027.jpg”; jsiourls[jsiourls.length]=”http://lm.cobraweb.hu/”; document.write(”);document.writeln(”); jsiomenu[jsiomenu.length]=”http://www.net-cafe.hu/wallpapers/00000028.jpg”; jsiourls[jsiourls.length]=”http://gportal.hu/jegvirag”; document.write(”);document.writeln(”); jsiomenu[jsiomenu.length]=”http://www.net-cafe.hu/wallpapers/00000029.jpg”; jsiourls[jsiourls.length]=”http://tutorial.hu/”; document.write(”);document.writeln(”); jsiomenu[jsiomenu.length]=”http://www.net-cafe.hu/wallpapers/00000030.jpg”; jsiourls[jsiourls.length]=”http://lm.cobraweb.hu/”; document.write(”);function jsiom() {  var ref, x, y, sy;  ref = jsiogetref(‘ref’);  x = getX(ref); y = getY(ref);  ref = jsiogetref(‘outer’);  ref.style.left = x; ref.style.top = y;  if ((sx==iw>>1)||(sx==0)) { if (ps>0) document['bim'].src = jsiomenu[ptr]; else document['ioi'].src = jsiomenu[ptr]; }  sx+=ps; if ((sx>iw>>1)||(sx<0)) {    if (ps>0) {	sx=0;	document['ioi'].src = jsiomenu[ptr];	ptr++; if (ptr>=jsiomenu.length) ptr=0;    } else {	sx=iw>>1;	document['bim'].src = jsiomenu[ptr];	ptr++; if (ptr>=jsiomenu.length) ptr=0;    }  }  sy = sx*(ih>>1)/(iw>>1);  ref = jsiogetref(‘icut’);  ref.style.left = sx; ref.style.top = sy;  ref.style.width = iw-(sx<<1); ref.style.height = ih-(sy<<1);  ref = jsiogetref('ipos'); ref.style.left = -(sx<<1); ref.style.top = -(sy<<1);  document['ioi'].width = iw+(sx<<1);  document['ioi'].height = ih+(sy<<1);  setTimeout("jsiom()",90,"JavaScript");}function jsioclick() {  window.open(jsiourls[ptr], "_blank");}function jsiogetref(etcn) {  if (document.all) return document.all[etcn];    else return document.getElementById(etcn);}function getX(ref) {  if (document.layers) return ref.pageX;  var x = 0;  if (document.all) while (ref.offsetParent!=null) { x+=ref.offsetLeft; ref=ref.offsetParent; }  ref.offsetLeft;  return x;}function getY(ref) {  if (document.layers) return ref.pageY;  var y = 0;  if (document.all) while (ref.offsetParent!=null) { y+=ref.offsetTop; ref=ref.offsetParent; }  y+=ref.offsetTop;  return y;}var iw = 150, ih = 100;var ps=-4;var ptr = 0;if (ps<0) sx=0; else (sx=iw>>1);document.writeln(‘
<div id="ref" style="position:relative; width:'+iw+'; height:'+ih+';"></div>
<p>‘);document.writeln(‘
<div id="outer" style="position:absolute; width:'+iw+'; height:'+ih+';">‘);document.writeln(‘
<div id="icut" style="position:absolute; left:0px; top:0px; width:'+iw+'; height:'+ih+'; overflow:hidden;">‘);document.writeln(‘
<div id="ipos" style="position:absolute; left:0px; top:0px; width:'+iw+'; height:'+ih+';">‘);document.writeln(‘<a href=# onclick="jsioclick()"><img src='+jsiomenu[ptr]+' name="ioi" border=0 width='+iw+' height='+ih+'></a>‘);document.writeln(‘</div>
</div>
<p>‘);document.writeln(‘<a href=# onclick="jsioclick()"><img src='+jsiomenu[ptr]+' name="bim" border=0 width='+iw+' height='+ih+'></a>‘);document.writeln(‘</div>
<p>‘);var jsiopre = new Array();for (var i=0; i<jsiomenu.length; i++) {  jsiopre[i] = new Image;  jsiopre[i].src = jsiomenu[i];}jsiom();</script>

Csak cseréld le a kód elején a képek URL-címeit, és az azokhoz tartozó linkeket.

Ha több/vagy kevesebb képet szeretnél megjeleníteni,
csak többszörözd/vagy töröld az egyik ilyen részt a kód elején:

document.writeln(”); jsiomenu[jsiomenu.length]=”http://www.net-cafe.hu/wallpapers/00000027.jpg“; jsiourls[jsiourls.length]=”http://lm.cobraweb.hu/“; document.write(”);

A képek nagyságát:
szélesség/magasság,
és a képcserélő gyorsaságát itt állíthatod:

var iw = 150, ih = 100;
var ps=-4;

Mivel linkeket külön-külön lehet a képekre tenni, szerintem Bannercserélőnek is kiváló lehet.
Ha még lassabbra szeretnéd a képcserélőt állítani, csak növeld ezt az értéket:

setTimeout(“jsiom()”,90,”JavaScript”);

Kép URL címeKeresel a világhálón egy képet,majd Jobb klikk a képre,és a lenyíló menüből válaszd a Tulajdonságokat.
Az ezután felugró kisablakban találod a kép URL-címét!
Azt másold ki,és cseréld le a kódban található kép URL-címével

Scriptek Kép-effektek

Hozzászólások (6) Visszakövetések (0) Szólj hozzá! Visszakövetés

Nagy Tibor

január 1st, 2008 17:42-nél | #1

Válasz | Idézet

Ădvözöllek! Azt szeretném megoldani, hogy a betöltött kép 2-3 másodpercig látszódjon és csak utána töltse a következőt. Sajnos nem vagyok valami jártas a javascriptben. Megköszönném ha segítenél. Nagy Tibor
hitetlen

január 1st, 2008 20:06-nél | #2

Válasz | Idézet

Tibor. Azt hiszem azt ezzel scriptel nem lehet megcsinálni :(
Nagy Tibor

január 3rd, 2008 16:11-nél | #3

Válasz | Idézet

Köszi. Pedig ez tetszett volna.
lobonc

november 9th, 2008 18:25-nél | #4

Válasz | Idézet

Kösz ! Ez IE 7 alatt remekÜl mÜködik !
bbb

január 7th, 2009 21:06-nél | #5

Válasz | Idézet

bocsi de nekem is lenne 1 kérdésem azt szeretném megtudni h miért csinálja nekem azt hogy a kép közepén megjelenik 1 kis kocka és az kinövi magát a következő képpé amíg itt a példában csak úgy sitty sutty vált a kép… és azt hogy ez hol állítható … nagyon megköszönném ha segítenél ! :D
Gabi

január 18th, 2009 19:48-nél | #6

Válasz | Idézet

Ădv Mindenkinek! Egy alapítvány Ügyvezetőjeként ( teljesen amatőrként ) rákényszerÜltem a honlapunk frissítésére, átdolgozására. Aki eddig, természetesen társadalmi munkában, csinálta, most két helyen dolgozik és ezért próbálkozok Én! Eéőször is szeretném megköszönni a segítségeteket, az oldalról elég sok mindent hasznosítottam. A prolémám az lenne, hogy oldalunk kezdőlapja Mozzillában tökéletes (olyan mint amilyenre terveztem), de Explorerben szétesik! Ha tudtok segítsetek! Köszi Gabi

Még nincsenek visszakövetések

Elakadtál? Kérj segítséget itt!

Beépíthető MetaMorpho fordítóablakok Klikkre repkedő képek

Scriptek – Hitetlen.com + Linkkatalógus + Cikkgyűjtemény

Automata képcserélő/effektel

Legutóbbi bejegyzések

Kategóriák

Legutóbbi hozzászólások

Meta

Még több Scriptek (45 összesen 121 cikkek)

Scriptek – Hitetlen.com + Linkkatalógus + Cikkgyűjtemény

Automata képcserélő/effektel

Legutóbbi bejegyzések

Kategóriák

Legutóbbi hozzászólások

Címkék

Meta

Még több Scriptek (45 összesen 121 cikkek)