Forum PHP.pl > [inne] przesowanie obrazka

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [inne] przesowanie obrazka

tenior

6.09.2010, 12:09:53

Chce wykorzystac jquery do przesowania obrazka na stronie w gore i w dol tylko nie wiem ktorego api trzeba uzyc
dla nie zrozumialych chce aby po zjechaniu myszka w dol (jesli jest na obrazku) obrazek zjezdza w dol i pokazuje sie reszta obrazka, nie chce aby byl wyswietlony caly, tak samo w druga strone

masiakla

6.09.2010, 16:04:27

Jeżeli masz na myśli coś takiego http://mephir.net.pl/x/d/zabawy/obrazek/ , to podsyłam kodzik:

[HTML] pobierz, plaintext 
<html>
<head>
<title>Obrazek</title>
<style type="text/css">
	#image {
		overflow: hidden;
		width: 300px;
		height: 100px;
	}
</style>
<script type="text/javascript">
	window.onload = function () {
		var IE = document.all ? true : false;	
		var image = document.getElementById("image");
		image.children[0].onmousemove = function(e) {
			if(IE){
				tempY = event.clientY;
			} else {
				tempY = e.pageY;
			}
			image.style.height = tempY + 3; //te +5 tylko po to by nie uciekł kursor podczas rozwijania obrazka
		}
	}
</script>
</head>
<body>
<div id="image">
	<img src="image.jpg" alt="Obrazek" width="300" height="364" />
</div>
</body>
</html>
[HTML] pobierz, plaintext

Pawel_W

6.09.2010, 16:13:07

http://css-tricks.com/examples/AnythingZoomer/image.php

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.