« előző következő »
Oldalak: [1] 2  Összes   Le

Szerző Téma: Kép átméretezõ  (Megtekintve 8456 alkalommal)

0 Felhasználó és 1 vendég van a témában

Nem elérhető pixi

  • Törzstag
  • **
  • Hozzászólások: 611
    • http://pixy.hu/Ujoldal
Re: Kép átméretezõ
« Válasz #27 Dátum: 2010. november 30., 18:07:50 »
Mostanában javascript képkezelésekkel bajlódok, érdekelne ez a script, de valami miatt meg se nyekken. Ha jól látom, akkor rögtön az elején, az ew után nem kell  a +'px', de evvel a javítással sem megy. Még van benne valami hiba, de mi?

Idézetet írta: รe๓๓น - 2009. január 31., 01:50:11
Kód: Javascript
  1. function sizer(element,ew,eh,uw,uh)
  2. {
  3.         if (element.style.height == ew+'px')
  4.         {
  5.                 element.style.height=uh+'px';
  6.                 element.style.width=uw+'px';
  7.         }
  8.         else
  9.         {
  10.                 element.style.height=eh+'px';
  11.                 element.style.width=ew+'px';
  12.         }
  13. }
  14.  

Kód: HTML
  1. <img src="valamikep" width="100" height="300" onclick="sizer(this, 100, 300, 50, 600);">
Naplózva

Nem elérhető Keveqiah

  • Globális moderátor
  • Teljes tag
  • *****
  • Hozzászólások: 2.332
  • Kisb
    • Keveqiah
Re: Kép átméretezõ
« Válasz #26 Dátum: 2010. szeptember 02., 15:29:07 »
Kód: HTML
  1. <a href="images/image-1.jpg" rel="lightbox" title="my caption"><img src="images/image-1.jpg" alt="" /></a>
Naplózva
"Gonosz vagyok. Ez ugyebár nem hit dolga."
"Egy ember halála tragédia, ezrek halála statisztika."

Nem elérhető Neon

  • Felhasználó
  • Hozzászólások: 33
Re: Kép átméretezõ
« Válasz #25 Dátum: 2010. szeptember 01., 22:21:24 »
Nem irnád nekem le hogy mivel hivatkozok a képre? meg hogy hogyan csináljam mert ez nekem nem akar össze jönni. akár hogyan probálom:S
Azt ird le hogy hogyan jelenítem meg a képet.
thx
Naplózva

Nem elérhető Keveqiah

  • Globális moderátor
  • Teljes tag
  • *****
  • Hozzászólások: 2.332
  • Kisb
    • Keveqiah
Re: Kép átméretezõ
« Válasz #24 Dátum: 2010. szeptember 01., 19:17:37 »
Naplózva
"Gonosz vagyok. Ez ugyebár nem hit dolga."
"Egy ember halála tragédia, ezrek halála statisztika."

Nem elérhető Neon

  • Felhasználó
  • Hozzászólások: 33
Re: Kép átméretezõ
« Válasz #23 Dátum: 2010. szeptember 01., 19:13:56 »
Köszi most már jó.
Viszont láttam 1 olyat hogy van 1 kis kép amikor rákattintasz akkor lesz nagyobb.
1 példa.
http://maps.cs-bg.info/maps/cs/1200/

Ennek valaki véletlen nem tudja mi a neve?

Ugyan így jelenítse  meg a képet ahogy itt.

Naplózva

Nem elérhető Keveqiah

  • Globális moderátor
  • Teljes tag
  • *****
  • Hozzászólások: 2.332
  • Kisb
    • Keveqiah
Re: Kép átméretezõ
« Válasz #22 Dátum: 2010. szeptember 01., 18:47:04 »
A normális minőségű nagyításhoz nagyobb méretű kép kell. Ha egy 100x100-as kéet akarsz 300x300-ra nagyítani, az csak pixelesedéssel fog megjelenni.
Ha viszont egy 600x600-as képet kicsinyítesz, majd nagyítani akarod, akkor lesz jó a minősége.
De lehet esetleg egy %-os nagyítást is beállítani, hátha.
Naplózva
"Gonosz vagyok. Ez ugyebár nem hit dolga."
"Egy ember halála tragédia, ezrek halála statisztika."

Nem elérhető Neon

  • Felhasználó
  • Hozzászólások: 33
Re: Kép átméretezõ
« Válasz #21 Dátum: 2010. szeptember 01., 18:11:13 »
Helló.
Erre egy kicsit vissza térnék.

<html>
<head>
<script>
function original(me){
try
{
me.style.width='100px';
me.style.height='100px';
}catch(e)
{
alert(e.message);
}
}
 
function nagyitas(me){
try
{
me.style.width='300px';
me.style.height='300px';
}catch(e)
{
alert(e.message);
}
}
</script>
</head>
<body>
<img id="kep1" src="proba1.jpg" width="100" height="100" onmouseover="nagyitas(this)" onmouseout="original(this)">
 
 
</body>
</html>
 

Ez a kód jó és működik is,de viszont van vele 1 olyan problémám hogy nagyon el homályosodik  a kép amikor ráviszed az egeret. Nagyításnál.

Valaki tudna valamit ajánlani ?

Annyi kellene hogy amikor ráviszem az egeret a képre kinagyítja 2 vagy 3 szorosára. De normális minőségben.

Köszi.



Naplózva

Nem elérhető Semmu

  • V.I.P. tag
  • Teljes tag
  • *****
  • Hozzászólások: 2.576
  • Akinek semmi sem tetszik :D
    • [készülõben]
Re: Nevelde készítése
« Válasz #20 Dátum: 2009. január 31., 01:50:11 »
na otthon vok, van időm, befejezem...
Kód: Javascript
  1. function sizer(element,ew,eh,uw,uh)
  2. {
  3.         if (element.style.height == ew+'px')
  4.         {
  5.                 element.style.height=uh+'px';
  6.                 element.style.width=uw+'px';
  7.         }
  8.         else
  9.         {
  10.                 element.style.height=eh+'px';
  11.                 element.style.width=ew+'px';
  12.         }
  13. }
  14.  

Kód: HTML
  1. <img src="valamikep" width="100" height="300" onclick="sizer(this, 100, 300, 50, 600);">

sztem egyértelmű a használat, onclick sizer(), első paraméter mindig simán this, a 2. és 3. az eredeti kép szélesség-magasság, a 4. 5. meg az új szél-mag

Satya...
php-nak itt nincs is értelme..minek tetted be?
a kód tényleg nem jó, módosítás helyett törölhetted is vna :(
amúgy meg tagold a kódod, sokszor vétesz hibát, de ha tagolnád, látnád.
Naplózva


Nem elérhető Satya

  • Teljes tag
  • ***
  • Hozzászólások: 1.155
Re: Nevelde készítése
« Válasz #19 Dátum: 2009. január 29., 19:49:40 »
Egy kis JS, PHP összefűzéssel szebbé lehet tenni a kódot.
Kód: PHP
  1. <?php
  2.  
  3. $image = '';
  4. $size = getimagesize($image);
  5.  
  6. ?>
  7. <script type="text/javascript">
  8.  
  9. function sizer(element, real_width, real_height){
  10.  
  11. if('<?php echo $size[0]; ?>' == real_width && '<?php echo $size[1]; ?>' == real_height){
  12. element.style.width = real_width/100*50;
  13. element.style.height = real_height/100*50;
  14. }
  15. else{
  16. element.style.width = real_width;
  17. element.style.height = real_height;
  18. }
  19.  
  20. }
  21.  
  22. </script>
  23. <?php
  24.  
  25. echo '<img src="'.$image.'" onmouseover="sizer(this, , )" onmouseout="sizer(this, , )">';
  26.  
  27. ?>
  28.  
Ez tudomásom szerint, lecsökkenti a kép méretét 50%-al kisebbre. A fgv. (ha jó) azt teszi, hogy ha a kép fel van nagyítva, lekicsinyíti, ha pedig kicsi, felnyagítja.

A sz.r az egész, kérlek ne vessetek meg csak jót akartam.
Naplózva
Internet Explorer - legjobb böngésző egy másik böngésző letöltésére.

Nem elérhető Semmu

  • V.I.P. tag
  • Teljes tag
  • *****
  • Hozzászólások: 2.576
  • Akinek semmi sem tetszik :D
    • [készülõben]
Re: Nevelde készítése
« Válasz #18 Dátum: 2009. január 29., 15:57:52 »
hát sztem egyszerűbb módja is van...

Kód: Javascript
  1. function sizer()
  2. {
  3.   eredetiwidth=200;
  4.   eredetiheight=200;
  5.   ujwidth=300;
  6.   ujheight=300;
  7.  
  8.   if (document.getelementbyid('kep').style.height=eredetiwidth+'px')
  9.   {
  10.    document.getelementbyid('kep').style.height=ujheight+'px';
  11.    document.getelementbyid('kep').style.width=ujwidth+'px';
  12. ....
  13.  

váá valaki folytassa, mennem kell, lejárt az időm...  :D
sztem ennyiből rá lehet jönni
Naplózva


Nem elérhető Keveqiah

  • Globális moderátor
  • Teljes tag
  • *****
  • Hozzászólások: 2.332
  • Kisb
    • Keveqiah
Re: Nevelde készítése
« Válasz #17 Dátum: 2009. január 29., 15:50:33 »
Képre vitt egérnél nagyító
http://valid.tjp.hu/tjpzoom/index_en.html

egyébként meg a legegyszerűbb módja, bár nem próbáltam
Kód: HTML
  4. function original(me){
  5. try
  6. {
  7. me.style.width='100px';
  8. me.style.height='100px';
  9. }catch(e)
  10. {
  11. alert(e.message);
  12. }
  13. }
  14.  
  15. function nagyitas(me){
  16. try
  17. {
  18. me.style.width='300px';
  19. me.style.height='300px';
  20. }catch(e)
  21. {
  22. alert(e.message);
  23. }
  24. }
  26. </head>
  28. <img id="kep1" src="proba1.jpg" width="100" height="100" onmouseover="nagyitas(this)" onmouseout="original(this)">
  29.  
  30.  
  31. </body>
  32. </html>
  33.  
Naplózva
"Gonosz vagyok. Ez ugyebár nem hit dolga."
"Egy ember halála tragédia, ezrek halála statisztika."

Nem elérhető Isti861

  • Törzstag
  • **
  • Hozzászólások: 494
    • BikaTorrent Tracker
Re: Nevelde készítése
« Válasz #16 Dátum: 2009. január 29., 15:40:33 »
és ha azt szeretném hogy  a kép fölé viszem a kurzort akkor  ki nagyítsa azt képet
Naplózva

Nem elérhető torokzsolt

  • Felhasználó
  • Hozzászólások: 1
Re: Kép átméretezõ
« Válasz #15 Dátum: 2008. augusztus 09., 15:31:47 »
üdv.
Találtam egy szimpatikus megoldást, az egyik honlapon (http://www.letoltokozpont.hu/letoltes_programok_reszletes.php?a=3812&k=32) Ha a képre kattintok kinagyítja. Igazából nemtudom h a script kicsinyíti-e le..
Tudom, hogy az oldalról meg tudnám szerezni a js kódot, sőt úgytudom még ingyenes is, de nem értem a működését, illetve nem tudom haználni.. Ha valaki segítene, azt nagyon megköszönném. Annyi kellene, hogy ír egy példát, hogy hogyan is kell beraknom a képet ahhoz hogy ez működjön nekem.. Előre is köszi
Elküldve:: 2008. Augusztus 09.  11:48:35
Közben itt megtaláltam. http://vikjavev.no/highslide/ ha esteleg valakinek szüksége lenne rá..
bocsi a felesleges kérdésért..
Naplózva

Nem elérhető Török

  • Tag
  • *
  • Hozzászólások: 109
Re: Kép átméretezõ
« Válasz #14 Dátum: 2007. június 18., 20:15:56 »
Nekem most Rimelek kódja tökéletesen működik.  :yesss2:
Köszönöm szépen a segítséget.
Naplózva

Nem elérhető ratoc

  • Globális moderátor
  • Törzstag
  • *****
  • Hozzászólások: 968
Re: Kép átméretezõ
« Válasz #13 Dátum: 2007. június 18., 19:24:00 »
még azis megoldás lenne, hogy a php csinálná a kis képeket, csak javascripttel megnézzük hogy melyik képnek van xy class-a és annak a src-ét js-el kipótolni
pl: valami/x.jpg helyett kep.php?url=valami/x.jpg
Naplózva
Oldalak: [1] 2  Összes   Fel
« előző következő »