Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Powiększanie obrazka po najechaniu myszką
1q2w3e4r
post 27.12.2011, 00:29:05
Post #1





Grupa: Zarejestrowani
Postów: 238
Pomógł: 0
Dołączył: 6.05.2011

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


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
Go to the top of the page
+Quote Post
HackerCrime
post 27.12.2011, 01:08:23
Post #2





Grupa: Zarejestrowani
Postów: 3
Pomógł: 1
Dołączył: 20.12.2011

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


Link1
Link2

Trzeba tylko troszkę zmodyfikować.

Ten post edytował HackerCrime 27.12.2011, 01:09:06
Go to the top of the page
+Quote Post
1q2w3e4r
post 28.12.2011, 18:00:11
Post #3





Grupa: Zarejestrowani
Postów: 238
Pomógł: 0
Dołączył: 6.05.2011

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


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ć?

Ten post edytował 1q2w3e4r 27.12.2011, 18:12:42
Go to the top of the page
+Quote Post
Kartofelek
post 30.12.2011, 11:10:52
Post #4





Grupa: Zarejestrowani
Postów: 55
Pomógł: 4
Dołączył: 27.09.2007

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


  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. });


Ten post edytował Kartofelek 30.12.2011, 11:11:37
Go to the top of the page
+Quote Post
artuross
post 31.12.2011, 12:43:29
Post #5





Grupa: Zarejestrowani
Postów: 164
Pomógł: 9
Dołączył: 30.12.2011

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


CSS'em możesz tak zrobić.

EDIT: Widzę, że te dwa linki to właśnie CSS'em robione biggrin.gif

Ten post edytował artuross 31.12.2011, 12:45:22


--------------------
Pomoglem? Daj pomogl!
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 23.04.2024 - 10:05