Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Powiększenie obrazka
patryk9200
post
Post #1





Grupa: Zarejestrowani
Postów: 319
Pomógł: 4
Dołączył: 7.02.2009
Skąd: pless

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


Cześć,
potrzebuję skrypt który powiększy obrazek po najechaniu na niego myszką, próbowałem tego:
onmouseover="PopEx(this,-54,-37.5,216,150,20,\'resizeimg\');"
z strony: http://blog-lisu.eu/2009/02/26/popbox-powi...ki/#codesyntax3

ale mi wtedy zupełnie znika obrazek.
Tak wygląda kod do którego muszę do "doczepić"
  1. <?php
  2. <script>
  3.                        document.write(&#092;'<a href="#" onClick="showslide('.($pictab[1]-1).');return false" ><img src="'+photos['.($pictab[1]-1).']+'" name="photoslider" onmouseover="PopEx(this,-54,-37.5,216,150,20,'resizeimg');" id="photoslider"  style="filter:revealTrans(duration=2,transition=23); border: 1px solid #000000;  width: 250px; height: 190px" border=0 ></a>')
  4.                        </script>
  5. ?>

dlaczego tak się dzieje?? folder images i plik PopBox.js mam w głównym katalo strony...
gu
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Skie
post
Post #2





Grupa: Zarejestrowani
Postów: 555
Pomógł: 84
Dołączył: 20.02.2008
Skąd: Małopolska

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


Ja bym to zrobił mniej więcej tak:

Kod
ChangeSize = function(obj, width, height) {
   new_width = obj.clientWidth + width;
   new_height = obj.clientHeight + height;

   obj.style.width = new_width + 'px';
   obj.style.height = new_height + 'px';
   obj.onmouseout = function() { ChangeSize(obj, -width, -height); };
}


I wywoływał to na obrazku tak:

Kod
<img src=adres onmouseover="ChangeSize(this, 20, 50);">


Choć nie jestem pewien czy zadziała, gdyż nie testowałem a jest już dość późno i mogłem zrobić jakiś błąd. Ale tak czy siak powinno Cię to naprowadzić na rozwiązanie. ;-)
Go to the top of the page
+Quote Post
patryk9200
post
Post #3





Grupa: Zarejestrowani
Postów: 319
Pomógł: 4
Dołączył: 7.02.2009
Skąd: pless

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


Cytat(Skie @ 21.06.2009, 00:39:16 ) *
Ja bym to zrobił mniej więcej tak:

Kod
ChangeSize = function(obj, width, height) {
    new_width = obj.clientWidth + width;
    new_height = obj.clientHeight + height;

    obj.style.width = new_width + 'px';
    obj.style.height = new_height + 'px';
    obj.onmouseout = function() { ChangeSize(obj, -width, -height); };
}


I wywoływał to na obrazku tak:

Kod
<img src=adres onmouseover="ChangeSize(this, 20, 50);">


Choć nie jestem pewien czy zadziała, gdyż nie testowałem a jest już dość późno i mogłem zrobić jakiś błąd. Ale tak czy siak powinno Cię to naprowadzić na rozwiązanie. ;-)


Twój sposób działa ale gdy obrazek jest powiększany to zmienia sie układ reszty elementów a chodzi mi dokładnie o taki efekt jak ma moje rozwiązanie czyli powiększony obrazek pokazuje się na treści...
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 12.10.2025 - 13:03