Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [inne] przesowanie obrazka
tenior
post 6.09.2010, 12:09:53
Post #1





Grupa: Zarejestrowani
Postów: 58
Pomógł: 2
Dołączył: 16.11.2008

Ostrzeżenie: (10%)
X----

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
Go to the top of the page
+Quote Post
masiakla
post 6.09.2010, 16:04:27
Post #2





Grupa: Zarejestrowani
Postów: 80
Pomógł: 17
Dołączył: 4.09.2010
Skąd: far far away

Ostrzeżenie: (0%)
-----

Jeżeli masz na myśli coś takiego http://mephir.net.pl/x/d/zabawy/obrazek/ , to podsyłam kodzik:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Obrazek</title>
  4. <style type="text/css">
  5. 	#image {
  6. 		overflow: hidden;
  7. 		width: 300px;
  8. 		height: 100px;
  9. 	}
  10. </style>
  11. <script type="text/javascript">
  12. 	window.onload = function () {
  13. 		var IE = document.all ? true : false;	
  14. 		var image = document.getElementById("image");
  15. 		image.children[0].onmousemove = function(e) {
  16. 			if(IE){
  17. 				tempY = event.clientY;
  18. 			} else {
  19. 				tempY = e.pageY;
  20. 			}
  21. 			image.style.height = tempY + 3; //te +5 tylko po to by nie uciekł kursor podczas rozwijania obrazka
  22. 		}
  23. 	}
  24. </script>
  25. </head>
  26. <body>
  27. <div id="image">
  28. 	<img src="image.jpg" alt="Obrazek" width="300" height="364" />
  29. </div>
  30. </body>
  31. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Pawel_W
post 6.09.2010, 16:13:07
Post #3





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

Ostrzeżenie: (0%)
-----

http://css-tricks.com/examples/AnythingZoomer/image.php questionmark.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 20.06.2025 - 22:50
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn