Skocz do zawartości


Powiększający się obrazek po najechaniu kursorem


8 odpowiedzi w tym temacie

#1 szubi

    Początkujący

  • Użytkownik
  • Pip
  • 84 postów

Napisano 22 April 2010 - 08:43 PM

Witam.
Mam takie pytanko, a raczej prośbe o porade mianowicie chcę zrobić na stronie aby po najechaniu na obrazek kursorem się on powiększał do danych rozmiarów.
Generalnie chcę to zrobić na stronie http://apartamentygdanskie.com.pl/ w logo strony (3 obrazki). Podzieliłem je sobie w bardzo prosty sposób na trzy części (wcześniej jeden wielki obrazek), poniżej przedstawiam kod html z logo:

HTML
<div id="templatemo_headersection">
<img src="images/1.jpg" class="reflect rheight20 ropacity25" width="272" height="166" />
<img src="images/2.jpg" class="reflect rheight20 ropacity25" width="260" height="166" />
<img src="images/3.jpg" class="reflect rheight20 ropacity25" width="273" height="166" />
</div>


Próbowałem już różnych sposobów, ale jakoś mi nie wychodziły tak więc może ktoś z userów mi coś poradzi.
Pozdrawiam :)

#2 G1T

    Stały Bywalec

  • Użytkownik
  • PipPipPip
  • 836 postów

Napisano 22 April 2010 - 09:06 PM

chodzi ci o coś takiego:
sedzia.com.pl/pi/test/index.php?id=prace
?

(nie chodzi mi tutaj o rządną reklamę, a jedynie chcę pokazać przykład rozwiązania).

edit:
A! I nazwy klas nie powinny zawierać białych znaków:)

Użytkownik G1T edytował ten post 22 April 2010 - 09:07 PM


#3 szubi

    Początkujący

  • Użytkownik
  • Pip
  • 84 postów

Napisano 23 April 2010 - 09:17 AM

nie, chodzi mi o to, że jak ktoś najedzie na fotke kursorem to bez klikania się ona powiększy, praktycznie tak jak na allegro jak najedziesz myszką na jakiś obrazek w liście produktów - http://allegro.pl/73975_makarony.html

#4 cinek6413

    Bywalec

  • Użytkownik
  • PipPip
  • 274 postów
  • Skąd:Jasło
  • Zainteresowania:Grafika komputerowa, Siatkówka, Webdesign, GSM...

Napisano 23 April 2010 - 12:51 PM

Jeśli dobrze cię zrozumiałem, bo raz piszesz że chcesz po najechaniu a raz po kliknięciu. Masz tu lightboxa, działa po kliknięciu na obrazek.

Użytkownik cinek6413 edytował ten post 23 April 2010 - 12:51 PM


#5 lobo46

    Początkujący Webmaster

  • Użytkownik
  • PipPipPipPip
  • 1311 postów
  • Skąd:nie pamiętam :/
  • Strona:www.zeq2.pl
  • Zainteresowania:Grafika , Webmaster może potem programowanie ;p

Napisano 23 April 2010 - 01:49 PM

On napisał po najechaniu nie po kliknięciu .

"Nie można czegoś zyskać, niczego nie tracąc.". - Edward Elric 鋼の錬金術師

MY GALLERY

http://lobo46.deviantart.com/

  • DB jest bogiem
  • walka nałogiem
  • trening podstawą
  • a reszta zabawą

#6 szubi

    Początkujący

  • Użytkownik
  • Pip
  • 84 postów

Napisano 23 April 2010 - 01:56 PM

CYTAT
aby po najechaniu na obrazek kursorem się on powiększał do danych rozmiarów.


CYTAT
chodzi mi o to, że jak ktoś najedzie na fotke kursorem to bez klikania się ona powiększy


Dwa razy zaznaczyłem :)

#7 Karllos

    Poczatkujący Programista

  • Emerytowany Moderator
  • PipPipPipPipPip
  • 3061 postów

Napisano 23 April 2010 - 02:09 PM

To powinno pomóc.
http://forum.pcformat.pl/showthread.php?mo...=90451&pid=


TABELA KAR - REGULAMIN FORUM
ROZDZIAŁ III; Art. 1; § 1
->Zakładanie wątków w złych działach<-
Temat zostaje przeniesiony do odpowiedniego działu.

Dołączona grafika

#8 G1T

    Stały Bywalec

  • Użytkownik
  • PipPipPip
  • 836 postów

Napisano 23 April 2010 - 10:23 PM

to przecież u mnie tak jest, że po najechaniu powiększa się:
sedzia.com.pl/pi/test/index.php?id=prace
najedź na to zdjęcie na środku strony, a nie po lewej.

#9 szubi

    Początkujący

  • Użytkownik
  • Pip
  • 84 postów

Napisano 24 April 2010 - 08:45 AM

Karllos dzięki :P będę dziś z tym tworzyć.

CYTAT(G1T @ Apr 23 2010, 03:23 PM) <{POST_SNAPBACK}>
to przecież u mnie tak jest, że po najechaniu powiększa się:
sedzia.com.pl/pi/test/index.php?id=prace
najedź na to zdjęcie na środku strony, a nie po lewej.


Jeśli chodzi o tą fotke Przedszkola Miejskiego - ów mam na środku - to się nic nie powiększa.

EDIT:
Jest ok, bo się powiększa fajnie, tylko jeszcze 2 sprawy mianowicie chodzi mi tez o to aby po zdjęciu kursora z obrazka przywrócił się on do rozmiarów jakie miał na początku.
Druga sprawa - chcę aby obrazek pokazywał się tak jakby w innej warstwie (jakby na stronie a nie w tym logo) tzn. chodzi mi o to, że jak obrazek się powiększa na stronie to po przekroczeniu jakieś tam wartości rozciąga się cała witryna na boki. Wiem, że wymagam za dużo no ale kto pyta nie błądzi :lol:

Użytkownik szubi edytował ten post 24 April 2010 - 02:04 PM





Dodaj odpowiedź



  


Użytkownicy przeglądający ten temat: 1

0 użytkowników, 1 gości, 0 anonimowych