Bu nasıl yapılıyor?yada adı ne?

[mavigece]

bu adresteki küçük resimlerden birine tıklayın olusan sayfa nasıl olur onu merak ediyorum..

ekran kararıyor ya o kısım

http://orange.half-life2.com/hl2ep2.html

[cradle_OF]

resme tıkladıgında hareketli serit varya ordan boyutunu ayarlıyosun.siyah seridin herhangibi bir yerne tıkla açılır.

[mavigece]

resme tıkladıgında hareketli serit varya ordan boyutunu ayarlıyosun.siyah seridin herhangibi bir yerne tıkla açılır.

nasıl açıldıgını sormadımki sadece ben nasıl uygulayabilirim.
script falan galiba.kendi sitemde uygulayacam. o adam onu nasıl yapmıs..

[root]

<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_Legalese_01_over = newImage('images/legalese/Legalese_01-over.gif');
pre_Legalese_02_over = newImage('images/legalese/Legalese_02-over.gif');
pre_nav_06_over = newImage('images/nav/nav_06-over.gif');
pre_nav_02_over = newImage('images/nav/nav_02-over.gif');
pre_nav_03_over = newImage('images/nav/nav_03-over.gif');
pre_nav_04_over = newImage('images/nav/nav_04-over.gif');
pre_screenthumb_hl2ep2_01_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_01-over.jpg');
pre_screenthumb_hl2ep2_02_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_02-over.jpg');
pre_screenthumb_hl2ep2_03_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_03-over.jpg');
pre_screenthumb_hl2ep2_04_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_04-over.jpg');
pre_screenthumb_hl2ep2_05_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_05-over.jpg');
pre_screenthumb_hl2ep2_06_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_06-over.jpg');
pre_trailerthumb_hl2ep2_01_over = newImage('trailers/hl2ep2/trailerthumb_hl2ep2_01-over.jpg');
pre_trailerthumb_hl2ep2_02_over = newImage('trailers/hl2ep2/trailerthumb_hl2ep2_02-over.jpg');
pre_screenthumb_hl2ep2_07_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_07-over.jpg');
pre_screenthumb_hl2ep2_08_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_08-over.jpg');
preloadFlag = true;
}
}
CSInit[CSInit.length] = new Array(initLightbox);
CSAct[/*CMP*/ '481D13184'] = new Array(CSOpenWindow,/*URL*/ 'trailers/hl2ep2_01.htm','',502,402,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '481F068B5'] = new Array(CSOpenWindow,/*URL*/ 'trailers/hl2ep2_02.htm','',502,402,false,false,false,false,false,false,false);

// --></script>







____________________________________________








<td width="64" height="63" valign="top" align="left" xpos="553"><a onmouseover="changeImages('screenthumb_tf2_01','images/screens/hl2ep2/screenthumb_hl2ep2_01-over.jpg');return true" onmouseout="changeImages('screenthumb_tf2_01','images/screens/hl2ep2/screenthumb_hl2ep2_01.jpg');return true" href="images/screens/hl2ep2/HL2ep2_screen01.jpg" rel="lightbox"><img id="screenthumb_tf2_01" src="images/screens/hl2ep2/screenthumb_hl2ep2_01.jpg" alt="" name="screenthumb_tf2_01" width="64" height="63" border="0"></a></td>


kullanilan kodlar bunlardir!

[mavigece]

yani ben bu kodları düzenleyip htmle gömdügümde olacak ölemi?

bi deniyim bakalım insallah beceririm..
tesekkür ederim bu arada...

[root]

yani ben bu kodları düzenleyip htmle gömdügümde olacak ölemi?

bi deniyim bakalım insallah beceririm..
tesekkür ederim bu arada...

Evet düzenleyip kullanacaksin önce verdigim scripteki kirmizi yeri degi$tirip dene !

ekliyecegin resmi :

pre_screenthumb_hl2ep2_02_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_02-over.jpg');
pre_screenthumb_hl2ep2_03_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_03-over.jpg');
pre_screenthumb_hl2ep2_04_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_04-over.jpg');
pre_screenthumb_hl2ep2_05_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_05-over.jpg');
pre_screenthumb_hl2ep2_06_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_06-over.jpg');
pre_trailerthumb_hl2ep2_01_over = newImage('trailers/hl2ep2/trailerthumb_hl2ep2_01-over.jpg');
pre_trailerthumb_hl2ep2_02_over = newImage('trailers/hl2ep2/trailerthumb_hl2ep2_02-over.jpg');
pre_screenthumb_hl2ep2_07_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_07-over.jpg');
pre_screenthumb_hl2ep2_08_over = newImage('images/screens/hl2ep2/screenthumb_hl2ep2_08-over.jpg');

böyle ekle : sonra scripti bitir ve alt satira geçip :

<td width="64" height="63" valign="top" align="left" xpos="553"><a onmouseover="changeImages('screenthumb_tf2_01','images/screens/hl2ep2/screenthumb_hl2ep2_01-over.jpg');return true" onmouseout="changeImages('screenthumb_tf2_01','images/screens/hl2ep2/screenthumb_hl2ep2_01.jpg');return true" href="images/screens/hl2ep2/HL2ep2_screen01.jpg" rel="lightbox"><img id="screenthumb_tf2_01" src="images/screens/hl2ep2/screenthumb_hl2ep2_01.jpg" alt="" name="screenthumb_tf2_01" width="64" height="63" border="0"></a></td>

bunuda kendine göre düzenle bu kadar,denemedim çali$ip çali$madigini bilmiyorum ama çali$ir :)