Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Powiększanie obrazka po najechaniu myszką
Forum PHP.pl > Forum > Po stronie przeglądarki
1q2w3e4r
Witam,
Potrzebuje skrypt który po najechaniu na jakąś grafikę powiększy ten obrazek, tak jak tutaj:
http://pl.fotolia.com/Galleries/0CaRYwbrNO...KU6HTb02WVz4oEu

Pozdrawiam
HackerCrime
Link1
Link2

Trzeba tylko troszkę zmodyfikować.
1q2w3e4r
Dzięki. A jak zrobić aby nie dało się najechać myszką na ten powiększony obrazek?
Chyba, że macie inne rozwiązanie.

Wie ktoś jak to zrobić?
Kartofelek
  1. $this.hover(
  2. function(e) {
  3. //mouse over
  4. $('<div id="preview" />')
  5. .appendTo('body')
  6. .html(<img src=".............." />') //tutaj pobierasz podgląd np $(this).attr('data-src') lub podobnie
  7. .hide()
  8. .css({
  9. top : e.pageY + 10,
  10. left : e.pageX + 20
  11. })
  12. .fadeIn(300)
  13. },
  14. function() {
  15. //mouse out
  16. $('#preview').remove();
  17. }
  18. );
  19.  
  20.  
  21. $this.mousemove(function(e) {
  22. $('#preview').css({
  23. top : e.pageY + 10,
  24. left : e.pageX + 20
  25. })
  26. });
  27. });
artuross
CSS'em możesz tak zrobić.

EDIT: Widzę, że te dwa linki to właśnie CSS'em robione biggrin.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.