miniatura obr. po nabehnuty mysou sa zobrazi original

Lord PROXI

takže chcel by som spravit nieco take ako je :::TU:::
ze po nabehnuty misou sa zobrazi zvecseny obr.
Pre nahlad :::WEB::: na akom by som to chcel mat.
Koli templatu sa tam velke obr. nezmestia, a hlavne v navodoch to nevidno co tam poriadne je

a iba link na zvecenie je uz staromodne, a hlavne vela klikania

Ak viete, poradite ako sa to da ?
thx vopred

javascript. nic zlozite.
zdrojaky si vytiahni z tej stranky ktoru si sem dal ako priklad

Lord PROXI

no to som skusal, a rozhadzalo mi to cely template

DomCZo

Niečo také je tu: http://www.walterzorn.com/tooltip/tooltip_e.htm

http://www.walterzorn.com/scripts/wz_tooltip.zip

Kód: Vybrať všetko

<html>
<body>


<a href="index.htm" onmouseover="return escape('Some text')">Homepage</a>
<br>
<a href="index.htm" onmouseover="this.T_DELAY=50; this.T_WIDTH=200;this.T_FONTCOLOR='#000000'; return escape('Text with <img src=\'image.jpg\' width=\'60\'> image.')">Homepage</a> 
<script language="JavaScript" type="text/javascript" src="wz_tooltip.js"></script>


</body>
</html>

// Buď si nakonfiguruješ nastavenia v súbore JS - GLOBAL TOOPTIP CONFIGURATION, alebo budeš dávať do onmouseover vždy nastavenia, aké chceš. Výpis možných nastavení je na tej vyššie uvedenej stránke.

Potrebuješ js SowPic.js

Kód: Vybrať všetko

function PicDivShow(imgPath) {
        varPicDivImg = document.all.picDivImg;
        varPicDivImg.src = imgPath;
        varPicDiv = document.all.picDiv;
        varPicDiv.style.display = "";
}
function PicDivHide() {
        varPicDiv = document.all.picDiv;
        varPicDivImg.src = 'images/load.gif';
        varPicDiv.style.display = "none";
}
function UpdateMausPosition(e) {
        varPicDiv = document.all.picDiv;
        x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
        y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
        if (picDiv != null) {
                varPicDiv.style.left = (x + 30) + "px";
                varPicDiv.style.top     = (y - 100) + "px";
        }
}
document.onmousemove = UpdateMausPosition;

niekam na tú stránku pridaj

Kód: Vybrať všetko

<div id="picDiv" style="position: absolute; left: 525px; top: 180px; width: 200px; height: 200px; z-index: 1; display: none;">
	<table class="bodyline" border="0" cellpadding="0" cellspacing="0" height="200" width="200">
	<tr class="bgcolor1">
		<td align="center" valign="middle"><img src="images/load.gif" id="picDivImg"></td>
	</tr>
	</table>
</div>

a obrázok daj

Kód: Vybrať všetko

<a href="images/obr.jpg" OnMouseOver="PicDivShow('images/obr.jpg');" OnMouseOut="PicDivHide();" border="0" title="Title"><img width="150" border="0" align="left" src="images/obr_small.jpg" alt="alternate"></a>

a do adresára images pridaj load.gif

Lord PROXI

chrono: spravil som to ako si pisal, ale obr. sa zvecsi iba na novej obr. ked nan kliknem, inak nie

Lord PROXI napísal:chrono: spravil som to ako si pisal, ale obr. sa zvecsi iba na novej obr. ked nan kliknem, inak nie

A pozrel si aj to rarko čo som poslal? Daj mi stránku ktorú si upravil, a ja ti poviem kde si urobil chybu.

DomCZo

Skús, čo som ti vyhľadal ja. Tam máš aj niekoľko nastavení, takže si to môžeš urobiť podľa vlastných predstáv.

Lord PROXI

no na disku mi to ide, len ked vse dam na FTP nejde to, + nevezme <br> na dalsi riadok pod obr. ale posuva to vedla neho, a v IE to ten dalsi obr. posunulo dakde mimo

:::ukazka:::

Aj si na ten web nahral adresár javascripts?

Lord PROXI

aha uz to slapem ono mi to upravilo nazou suboru ShowPic.js na showpic.js

DIKI MOC, K+

inak ako sa da upravit aby pisane islo hned pod obr. a nie 20riadkou <br> ?

Lord PROXI napísal:aha uz to slapem ono mi to upravilo nazou suboru ShowPic.js na showpic.js

DIKI MOC, K+

inak ako sa da upravit aby pisane islo hned pod obr. a nie 20riadkou <br> ?

Vyhoď odtiaľ

Kód: Vybrať všetko

align="left"

(s toho tagu img)