| | |
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Autor | Správa |
---|
Registrovaný: 21.09.08 Prihlásený: 14.11.17 Príspevky: 225 Témy: 74 Bydlisko: Michalovce |
No dufam, ze to pisem do spravnej temy..
Urobil som si script na zväcsovanie obrazkov, ktory vyzera nejako takto:
html:
Kód: <script type="text/javascript" language="javascript">
function images_expansion( img_width, id, max ) { timer = null; idImg = document.getElementById(id); if(img_width <= max ) { img_width += 5; idImg.style.width = ( img_width ) + "px"; timer = setTimeout("images_expansion(" + img_width + ",'" + id + "', " + max + ");", 10); } else { document.getElementById("image2").style.display= 'block'; document.getElementById("image").style.display= 'none'; return true;
} }
function ukazImage(img_width, img_name, max) { var img= "<img id=\"showImg\" src=\"./images/"+img_name+"\" alt=" + img_name +" widht='110px' >"; var img2= "<img id=\"showImg2\" src=\"thumbnails.php?img=./images/"+img_name+"&sirka="+max+"\" alt=" + img_name +">"; document.getElementById("image").innerHTML= img; document.getElementById("image2").innerHTML= img2;
images_expansion( img_width, 'showImg', max ); }
</script>
<a href="javascript: ukazImage(110, 'IMG_32142104.jpg', 500);">Ukaz obrazok</a> <br> <div id="image" style="width: 740px; height: auto; text-align: center; display: block; "></div> <div id="image2" style="width: 740px; height: auto; text-align: center; display: block;"></div>
Na doplnenie este subor thumbnails.php je script Zmena veľkosti obrázka.
Problem je v tom, ze pri nacitani resp. pri zobrazeni tohto obrazku (cesty) var img2 mi ho vlastne 2x nacita..Presnejsie..Najprv ho zobrazi a potom znova nacitava.. Toto mi robi iba vo FF..V IE to funguje dobre...No a neviem prist na to, ako vyriesit to aby ho po zobrazeni uz znova nenacitavalo..Neviete mi niekto poradit?? Ako to opravit-vyriesit??
PS: Tu druhu cestu var img2 pouzivam kvôli lepsej kvalite obrazkov..Presnejsie hlavne kvôli IE..kde su inac zmensovane/zväcsovane obrazky "kostrbate"..
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 20.12.2010 17:43 | |
|
Ja by som zacal zvacsovat povodny obrazok, zatial by som nechal v pozadi nacitavat novy a po uplnom nacitani (snad este niekde uprostred animacie) by sa povodny obrazok nahradil tym nacitanym. Nie som si isty, ci toto zvladnes, takze aj ine moznosti ti ponuknem - napr. si ten obrazok natiahnut do cache prehliadaca este pri nacitavani stranky, on sa potom pouzije pri zavolani tvojej fcie (dost blbe, ked mas vela obrazkov, budu sa obcas nacitavat uplne zbytocne) - to prednacitanie sa robi napr. takto: Kód: var x = new Image(); x.src = 'obr.jpg'; Dalsia moznost napriklad nechat tam zatial bezat nejaku trapossku animaciu a obrazok zobrazit, az ked bude nacitany (pogoogli udalost onload), nejak tak, ako to robi napr. Lightbox. Fciu setTimeout volas nevhodnym sposobom. Vyskusaj tie problemy s IE, ked sa obrazky zobrazuju kostrbato, vyriesit CSS zapisom Kód: img { -ms-interpolation-mode: bicubic; }
|
|
Registrovaný: 21.09.08 Prihlásený: 14.11.17 Príspevky: 225 Témy: 74 Bydlisko: Michalovce |
Ďuri..Dik za rady.. Skusal som najprv pouzit tu CSS vlastnost
Kód: img { -ms-interpolation-mode: bicubic; } Ale bohuzial mi to nefunguje..A neviem preco.. Z tych ostatnych moznosti co si mi tu ponukol sa mi zda, ze je pre mna najjednoduchsie resp. najlepsie riesenie, ten preload obrazka..cize to natiahnutie obrazka do cache prehliadaca..Aj ked uprimne..najradsej by som bol, keby som to len jednoducho vyriesil cez tu CSS vlastnost.. A este jedna otazocka..Ako vo fcii function ukazImage(img_width, img_name, max) zistim ce je ta funkcia Kód: images_expansion( img_width, 'showImg', max );
ukoncena, resp. ci mi vracia true ?
|
|
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Problem pri vytvarani nahladov obrazka v PHP, ASP | 0 | 464 | 17.04.2010 13:18 newboy1 | | Chybička krásy pri zobrazovaní obrázkov v Operačné systémy Microsoft | 5 | 454 | 21.08.2009 14:43 Romi | | Chyba pri zobrazovani na GF 2 MX400 v nVidia grafické karty | 10 | 856 | 01.09.2006 11:49 wolf14 | | Rozdelenie obrazka pri tlaci v Grafické programy | 2 | 1240 | 18.10.2007 13:15 asken | | Zmena obrázka pri prejdení myšou v JavaScript, VBScript, Ajax | 4 | 1021 | 18.10.2007 19:51 pitrik1 | | Problem so zobrazenim obrazka v HTML, XHTML, XML, CSS | 2 | 549 | 22.08.2009 10:39 Denco1 | | Zmena obrazka pri nadideni z myslov.../...Zmena pozadia v JavaScript, VBScript, Ajax | 2 | 2245 | 11.09.2007 22:42 rik | | Neustale zobrazovani v Ostatné programy | 5 | 1163 | 29.01.2006 10:59 snake2 | | problem s css - zarovnanie obrazka v HTML, XHTML, XML, CSS | 13 | 915 | 27.05.2008 16:16 Dodicek | | Flash, problem s ulozenim obrazka v Ostatné | 0 | 241 | 05.02.2013 16:09 zaciatocnik | | Problém s obtekaním obrázka float:left v HTML, XHTML, XML, CSS | 2 | 686 | 12.02.2011 12:05 AReYco | | Zobrazování FPS ve hrách (např. v DOOM3) v Počítačové hry | 6 | 1597 | 30.07.2005 18:29 kolo | | Photoshop CC - problém s "zoom" obrázka v Grafické programy | 0 | 750 | 27.10.2015 14:04 kllr007 | | velkost obrazka v Grafické programy | 3 | 674 | 07.05.2009 17:56 Dudko | | upload obrazka v PHP, ASP | 16 | 1217 | 10.03.2010 19:03 vputin | | Orezanie obrázka v Grafické programy | 3 | 1851 | 31.05.2019 10:41 void |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|