Printable View
nevi nekdo kde sehnat skript, kde po najeti na miniaturu obrazku nebo na text se zobrazi velkej obrazek??
idelani by byl skript kterej ty obrazky nacita az po tom najeti.zrejme JS...
CSS hover efekty sem uz nasel...ale pokud vim nacitaji se skryvany obrazky soucasne se strankou coz ja nechci...
diky za rady...
No přes JS by to asi určitě šlo a dobrý skripty bývají třeba tady -
www.hotscripts.com
Tohle je příslušná kategorie
http://www.hotscripts.com/JavaScript...cts/index.html
Napr takto:
V divu "view" se zobrazuji obrazky..staci najet na jeden ze spanu nad nim. Ty muzes nahradit treba jinymy obrazky v mensim rozmeru.Kód:<html>
<head>
<title>Page</title>
<script type="text/javascript">
function showPic(pic)
{
var obj = document.getElementById('view');
if(!obj) return;
if(pic=='') {
obj.innerHTML = "";
}
else {
obj.innerHTML = "<img src=\""+pic+"\" alt=\""+pic+"\" />";
}
}
</script>
</head>
<body>
<div>
<span onmouseover="showPic('obrazek1.jpg')" onmouseout="showPic('')">Obrazek1</span><br />
<span onmouseover="showPic('obrazek2.jpg')" onmouseout="showPic('')">Obrazek2</span>
</div>
<div id="view" style="border: 1px solid #000000; width: 640px; height: 480px;">
</div>
</body>
</html>
tohle prave zobrazuje v tom divu.ja bych potreboval neco jako tooltip...Citace:
Původně odeslal Anduril
neco jako je tady
http://www.templatemonster.com/
po najeti vpravo na ty miniatury...
Citace:
Původně odeslal Miiisa
EDIT: Jeste by se asi slusilo nastavit z-index tomu divu.. :)Kód:
<html>
<head>
<title>Page</title>
<script type="text/javascript">
var IE = document.all ? true : false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMouseXY;
var mX = 0
var mY = 0
function getMouseXY(e)
{
if (IE) {
mX = event.clientX + document.body.scrollLeft;
mY = event.clientY + document.body.scrollTop;
}
else {
mX = e.pageX;
mY = e.pageY;
}
if (mX < 0) mX = 0;
if (mY < 0) mY = 0;
return true
}
function showPic(pic)
{
var obj = document.getElementById('view');
if(!obj) return;
if(pic=='') {
obj.innerHTML = "";
obj.style.display = "none";
}
else {
obj.innerHTML = "<img src=\""+pic+"\" alt=\""+pic+"\" />";
obj.style.display = "block";
obj.style.position = "absolute";
obj.style.top = mY+5;
obj.style.left = mX+5;
}
}
</script>
</head>
<body>
<div>
<span onmousemove="showPic('obrazek1.jpg')" onmouseout="showPic('')">Obrazek1</span><br />
<span onmousemove="showPic('obrazek2.jpg')" onmouseout="showPic('')">Obrazek2</span>
</div>
<div id="view" style="border: 1px solid #000000; display: none;">
</div>
</body>
</html>
Uff, nešlo by to jednodušeji udělat pomocí CSS? :)
no jo..ale to by pak neslo udelat aby se to nacitalo az po najeti imho...pac to by se muselo nacist a skrejt....Citace:
Původně odeslal Gappa
imho to od andurila je to co potrebuju..
Pravda - pak ale chce zauvažovat nad tim, jestli toho na té jedné stránce není už mnoho a neudělat třeba stránkování :)
to bude taky...ale i tak chci zachovat rychlost nacitani...tzn...dodatecnej download obrazku az po najeti u me vitezi :)Citace:
Původně odeslal Gappa
A přemýšlels nad dobou odezvy? Je totiž možné, že o této vychytávce někteří nebudou vůbec vědět. Tim, ale nechci říct cokoliv proti tomuto řešení. Já osobně bych to radši (až budeš mít to stránkování), dělal pomocí css. Protože načte se mi text, ten si čtu a mezitim se mi načtou i skryté obrázky... Ale život je otázkou priorit ;)Citace:
Původně odeslal Miiisa
To je taky pravda - stránka se zobrazí a skryté obrázky bych se snažil umístit v kódu co nejdál, obrázky se mi mezítím načtou a jsou ihned "ready".
Zatímco, když se budou nahrávat při až při hoveru, tak člověk zase bude otrávenej, protože aspoň já mam rád, když je už vše načtené na stránce a na nic se nečeká :)