Autor | Zpráva | ||
---|---|---|---|
Sruu007 Profil * |
#1 · Zasláno: 8. 1. 2009, 13:55:49
dobrý den, chtěla bych poradit, jak bych udělala toto: http://www.designforfun.com/display.php?id=10
po kliknutí na obrázek se ten obrázek plynule zvětší, po dalším kliknutí se zase změnší. bude to určitě javascript, ale jako takový mi nefunguje, pokud ho napíšu. Možná k sobě potřebuje nějakou flashovou animaci? jak to udělat? Moc děkuji. |
||
Sruu007 Profil * |
#2 · Zasláno: 8. 1. 2009, 14:00:22
jinak tedy měl by to být tenhle příkaz: onClick="bbcode_thumbnailToggle(this, 500)";
|
||
kletely Profil |
#3 · Zasláno: 8. 1. 2009, 14:05:11
Sruu007
Tuším JQuery niečo také dokáže. |
||
Sruu007 Profil * |
#4 · Zasláno: 8. 1. 2009, 15:17:04
to vypadá dost složitě..
|
||
blaaablaaa Profil |
#5 · Zasláno: 8. 1. 2009, 15:48:39
Sruu007
pres jquery to bude nejjednodussi zalezi k cemu to chces, pokud na galerii, atd. tak bude vhodnejsi lightbox 2 |
||
Sruu007 Profil * |
#6 · Zasláno: 8. 1. 2009, 16:24:58
jojo, chci to právě na galerii
|
||
Sruu007 Profil * |
#7 · Zasláno: 8. 1. 2009, 16:25:48
ale lightbox jsem měla a nelíbil se mi, chtěla jsem si to nakódovat vyloženě jen ten efekt zvětšení, žádné další efekty kolem toho
|
||
blaaablaaa Profil |
#8 · Zasláno: 8. 1. 2009, 16:35:23
tak na galerii ten uvedeny zrovna moc neni - rozhodi design cele stranky, navic obrazek zvetsi pouze rozmerove (atributy width a height), takze bys v galerii musela mit nactene uz ty obrazky v puvodni velikosti
|
||
srigi Profil |
#9 · Zasláno: 8. 1. 2009, 17:15:31
Sruu007
Nastuduj si jQusery funkciu animate. Ta robi to, ze prechod CSS hodnoty nejakeho elementu, povedzme od 0 do 10 plynulo meni v case. Takze v tvojom pripade, DIV s obrazkom, nastavis mu nejake rozmery a pomocou funkcie animate() plynulo zmenis width a height na nove hodnoty. |
||
Sruu007 Profil * |
#10 · Zasláno: 8. 1. 2009, 17:22:04
aha, dobře, moc děkuji, zkusím to
|
||
srigi Profil |
#11 · Zasláno: 8. 1. 2009, 18:30:12 · Upravil/a: srigi
Sruu007
Nedalo mi to a rychlo som to v tom jQuery napisal: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk" lang="sk"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="sk" /> <title>MAS</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <style type="text/css"> #dogy { width:360px; height:468px; } </style> <script type="text/javascript"> $(function() { $('#dogy').toggle( function(){ $(this).stop().animate({ "width": 670, "height": 870 }, 1500); }, function(){ $(this).stop().animate({ "width": 360, "height": 468 }); } ); }); </script> </head> <body> <div id="wrapper"> <p><img src="image.jpg" alt="dog" id="dogy" /></p> </div><!-- wrapper --> </body> </html> |
||
srigi Profil |
#12 · Zasláno: 8. 1. 2009, 20:19:06
Tu je aj zive demo.
|
||
Dranel Profil |
#13 · Zasláno: 8. 1. 2009, 21:35:08
srigi
Nechceš to ještě udělat tak, aby se to roztahovalo rozvoměrně na všechny strany a nerozhazovalo to design (tedy práce s z-indexem asi)? :-) |
||
srigi Profil |
#14 · Zasláno: 8. 1. 2009, 22:50:49
Dranel
Dobra vyzva, ale dnes uz na to nepozrem. Snad zajtra. V hlae uz mam ideu ako to urobit. |
||
srigi Profil |
#15 · Zasláno: 10. 1. 2009, 22:42:24
Tak trocha som dnes popracoval, tu mozete zatial vidiet koncept. Nakoniec by z toho mohol byt pekny jQuery plugin. Osobne by som to rozsiril tak, ze by obrazky boli dva (hlavny a thumb, tak ako je zvykom) a pomocou fnce $.load() by z toho bolo nakoniec nieco na styl highslide.
Nekce sa niekto pripojit? |
||
Dranel Profil |
#16 · Zasláno: 11. 1. 2009, 22:50:17
To už můžeš rovnou udělat lightbox 3 :D
|
||
srigi Profil |
#17 · Zasláno: 12. 1. 2009, 07:06:13
|
||
Časová prodleva: 3 roky
|
|||
začátečník Profil * |
#18 · Zasláno: 4. 10. 2011, 03:51:22
srigi- mě to přijde super, pomohlo mi to, jen mi to nefunguje na víc obrázku vedle sebe, vždycky funguje jen ten první :(
|
||
Časová prodleva: 13 let
|
0