Forum PHP.pl > [Javascript] Tekst nad obrazkiem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [Javascript] Tekst nad obrazkiem

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Machro

19.12.2007, 16:52:11

Witam.

Szukam skryptu w javascript, ktory wyswietlałby mi jakiś tekst w ramce na obrazkiem, kilka px nad nim.
Nie po najechaniu na niego myszką, tylko zawsze.

Potrafi ktos pomoc?

Pozdrawiam

Pilnie potrzebuję

Odświerzam

slammer

20.12.2007, 14:16:20

Proponowałbym bardziej sprecyzować problem, bo ja na przykład nie wiem o co chodzi?

"tekst w ramce na obrazkiem, kilka px nad nim"
O jaką ramkę Ci chodzi o zwykłego iframe?

stoprocent

20.12.2007, 14:31:46

[HTML] pobierz, plaintext 
<html>
<head>
</head>
<script>
 
	var show_description = function(o) {
		var desc           = o.parentNode.getElementsByTagName('span')[0];
		var image          = o.parentNode.getElementsByTagName('img')[0];
		desc.style.display = 'block';
		desc.style.left    = ((image.offsetWidth-desc.offsetWidth)/2)+"px"; // To sprawi ze opis bedzie wycentrowany do zdjecia
	}
 
	var hide_description = function(o) {
		var desc           = o.parentNode.getElementsByTagName('span')[0];
		desc.style.display = 'none';
	}
 
</script>
<style>
 
.img-container {
	position:relative;
}
 
.img-container span{
	display:none;
	position:absolute;
	top:-12px;
}
</style>
<body>
 
	<div class="img-container">
		<img src="Untitled-1.jpg" onmouseover="show_description(this)" onmouseout="hide_description(this)" alt="" />
		<span>Jakis podpis aaaaaaa</span>
	</div>
 
	<div class="img-container">
		<img src="Untitled-1.jpg" onmouseover="show_description(this)" onmouseout="hide_description(this)" alt="" />
		<span>Jakis podpis 2</span>
	</div>
 
	<div class="img-container">
		<img src="Untitled-1.jpg" onmouseover="show_description(this)" onmouseout="hide_description(this)" alt="" />
		<span>Jakis podpis 3</span>
	</div>
 
 
</body>
</html>
[HTML] pobierz, plaintext

Machro

20.12.2007, 19:32:23

Dzięki, tylko, że trzeba najeżdzać, aby pokazał się napis, a ja wlasnie tego nie chcę ;S
A niestety nie znam sie na Javascript aby to zedytowac..

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.