[JS] Powiększenie wybranego zdjęcia do 100%

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
maszmyt
Posty: 13
Rejestracja: pn gru 19, 2005 3:35 pm

[JS] Powiększenie wybranego zdjęcia do 100%

Post autor: maszmyt »

Kod: Zaznacz cały

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td><a href="javascript:thumbtobig(1)"><img
        src="Header01.gif" width="33" height="37" name="T1"></a><p><a
        href="javascript:thumbtobig(2)"><img src="Header01.gif"
        width="33" height="37" name="T2"></a></p>
        <p><a href="javascript:thumbtobig(3)"><img
        src="Header01.gif" width="33" height="37" name="T3"></a></p>
        </td>
        <td> </td>
        <td> </td>
        <td><a href="javascript:thumbtobig(4)"><img
        src="Header01.gif" width="33" height="37" name="T4"></a><p><a
        href="javascript:thumbtobig(5)"><img src="Header01.gif"
        width="33" height="37" name="T5"></a></p>
        <p><a href="javascript:thumbtobig(6)"><img
        src="Header01.gif" width="33" height="37" name="T6"></a></p>
        </td>
        <td><img src="Header01.gif" align="middle" border="2"
        width="142" height="158" name="large"></td>
    </tr>
</table>

<p><script language="JavaScript"><!--
//thumbnail script
thumb =new Image();
thumb2=new Image();
thumb3=new Image();
thumb4=new Image();
thumb5=new Image();
thumb6=new Image();

thumb.src ="CHK1.gif"
thumb2.src="CHK2.gif"
thumb3.src="CHK3.gif"
thumb4.src="CHK4.gif"
thumb5.src="CHK1.gif"
thumb6.src="CHK4.gif"

document.images['T1'].src=thumb.src;
document.images['T2'].src=thumb2.src;
document.images['T3'].src=thumb3.src;
document.images['T4'].src=thumb4.src;
document.images['T5'].src=thumb5.src;
document.images['T6'].src=thumb6.src;

function thumbtobig(thumbs)
{
if(thumbs==1){document.images['large'].src=thumb.src;}
if(thumbs==2){document.images['large'].src=thumb2.src;}
if(thumbs==3){document.images['large'].src=thumb3.src;}
if(thumbs==4){document.images['large'].src=thumb4.src;}
if(thumbs==5){document.images['large'].src=thumb5.src;}
if(thumbs==6){document.images['large'].src=thumb6.src;}
}
// --></script></p>
</body>
Jest to skrypt pozwalający na wyświetlanie wybranych zdjęć w galerii po kliknięciu na ich pomniejszenia. Mam następujące pytanie do strony z powyższym skryptem. Jak zmodyfikować ten skrypt, żeby po kliknięciu już na to powiększone zdjęcie otwierało się ono jeszcze w nowym oknie zachowując swoją 100% wielkość?
ODPOWIEDZ