Képkezelés

[pixi]

Köszönöm. Időközben nekem is összejött, de a tied egy kicsit rövidebb. A baj az volt, hogy a minus() függvényben a w és h értékeket nem nulláztam le.

[tomi6230i]

Kód: Javascript

1. var w = 50;
2. var h=0;
3. var obj, arany;
4. function ind(file) {
5. eredeti  = new Image();
6. eredeti.src  = file;
7. ew = eredeti.width;
8. eh = eredeti.height;
9. arany = ew/eh;
10. obj = document.getElementById('kozep');
11. obj.style.display = 'block';
12. obj.style.position = 'absolute';       
13. plus(file)
14. }
15.  
16. function plus(file) {
17. obj.src=file;
18. obj.style.width = w + 'px';
19. obj.style.height = h + 'px';   
20. if ( w<150 )  
21.         { w = w+4;      h = w / arany;  setTimeout(function()  { plus(file); }, 2); }
22. }
23.  
24. function minus(file)    {
25. if (w<0) w=0;
26. if (h<0) h=0;
27. obj.src=file;
28. obj.style.width = w + 'px';    
29. obj.style.height = h + 'px';   
30. if ( w>0) {
31.         w = w-4;        h =  w / arany; setTimeout(function()  { minus(file); }, 2);
32. }
33. else {
34. obj.style.display = 'none';
35. }
36. }

Sárgával van, amit változtattam.
Tipp: Próbáld ki úgy, hogy az egyik képnek a magassága, míg a másiknak a szélessége nagyobb.

[pixi]

A kis képre tett kurzor arányosan kinagyítja a képet, majd a nagyított képre tett kurzor eltünteti azt. Valamit igazítani kellene a kódon, mert IE-ben nem jó. A nagy képet kicsiként teszi ki, nem nagyít és kurzorral eltüntetni sem lehet:

Kód: Javascript

1.  
2. <script type='text/javascript'>
3.  var w = 50;
4.  var h;
5.  var obj, arany;
6.  function ind(file) {
7.         eredeti  = new Image();
8.         eredeti.src  = file;
9.         ew = eredeti.width;
10.         eh = eredeti.height;
11.         arany = ew/eh;
12.         obj = document.getElementById('kozep');
13.         obj.style.display = 'block';
14.         obj.style.position = 'absolute';       
15.         plus(file)
16.  }
17.  
18.  function plus(file) {
19.         obj.src=file;
20.         obj.style.width = w + 'px';
21.         obj.style.height = h + 'px';   
22.         if ( w<150 )  
23.                 { w = w+4;      h = w / arany;  setTimeout(function()  { plus(file); }, 2); }
24.  }
25.        
26.  function minus(file)   {
27.         obj.src=file;
28.         obj.style.width = w + 'px';    
29.         obj.style.height = h + 'px';   
30.         if ( w>0) {
31.                 w = w-4;        h =  w / arany; setTimeout(function()  { minus(file); }, 2);
32.         }
33.         else {
34.         obj.style.display = 'none';
35.         }
36.  }
37.  </script>

Kód: HTML

1.        
2. <img src='kep1.jpg' width='50' onmouseover='ind(this.src)' >
3. <img src='kep2.jpg' width='50' onmouseover='ind(this.src)' >
4.  
5. <img id='kozep' style='display: none; position: relative; top: 110px; left: 60px;' onmouseover='minus(this.src)' >

[ThompsoN]

Rendben.

[pixi]

Ha a kódban nem értesz valamit, akkor szólj és elmagyarázom.

Köszi, de ez a kód nekem így első - de a második - ránézésre is eléggé átláthatatlan, úgy hogy egyenlőre próbálok minél több hasonló témájú tutorialt átnézni. Ha valami nagyon nem megy, majd nyaggatlak.

[ThompsoN]

A procit sem használja annyira, csak 12%-ban. A régi kód olyan 30%-ban használta.

Azt elfelejtettem írni, hogy a RAM-ot nem teszi tele, ezért egy lassabb ram esetén nem lassul be a gép.

[ThompsoN]

Na, elkészült a kód, szerintem ez úgy működik, ahogy kell. Teszteltem, is és szépen megy. A procit sem használja annyira, csak 12%-ban. A régi kód olyan 30%-ban használta.

Kód: Javascript

1. <script type='text/javascript'>
2.                 var tomb = new Array('image/plugin/gallery/next.gif', 'image/plugin/gallery/prev.gif', 'image/plugin/gallery/loading.gif');
3.                 var interval = null;
4.                 var set_op = 0;
5.                
6.                 function plus(op, i){
7.                         set_op = op;
8.                         document.getElementById('kepid').style.filter = 'alpha(opacity=0)';
9.                         document.getElementById('kepid').style.opacity = 0;
10.                         document.getElementById('kepid').src = tomb[i];
11.                        
12.                         interval = setInterval(function(){
13.                                 if(op <= 100){
14.                                         document.getElementById('kepid').style.filter = 'alpha(opacity=' + op + ')';
15.                                         document.getElementById('kepid').style.opacity = op/100;
16.                                         document.getElementById('divid').innerHTML = 'op : ' + op;
17.                                        
18.                                         op = op + 2;
19.                                 }
20.                                 else{
21.                                         clearInterval(interval);
22.                                         setTimeout(function(){
23.                                                 minus(op, i);
24.                                         }, 2000);
25.                                 }
26.                         }, 40);
27.                 }
28.                
29.                 function minus(op, i){
30.                         interval = setInterval(function(){
31.                                 if(op >= 0){
32.                                         document.getElementById('kepid').style.filter = 'alpha(opacity=' + op + ')';
33.                                         document.getElementById('kepid').style.opacity = op/100;
34.                                         document.getElementById('divid').innerHTML = 'op : ' + op;
35.                                        
36.                                         op = op - 2;
37.                                 }
38.                                 else{
39.                                         clearInterval(interval);
40.                                         skip(i);
41.                                 }
42.                         }, 40);
43.                 }
44.  
45.                 function skip(i, op){
46.                         if ( i < tomb.length -1) {
47.                                 ++i;
48.                         }
49.                         else {
50.                                 i = 0;
51.                         }
52.                        
53.                         plus(set_op, i);
54.                 }
55.                 </script>

Elküldve:: 2010. December 18.  11:24:26Ha a kódban nem értesz valamit, akkor szólj és elmagyarázom.

[pixi]

1. Azt megvárom.

2. Ettől azért ctrl + Alt + del -el meg lehet szabadulni, ha nem, akkor lekapcsolom a villanyórát, oszt kész.

3. Rendben, akkor kettesével számoltatom.

4. Ez ugyan hosszabb : document.getElementById('kepid').style...., de valóban megbízhatóbb, mint a rövidített változat.

[ThompsoN]

A tömb második, ill. további bejárásánál a számláló megbolondulása alatt azt értem, hogy visszaugrál olyan értékekre, amin már egyszer túljutott, ezért lelassul. Valahol, valamit vissza kellene állítani, hogy a tömb bejárása után, az újabb futás tiszta lappal induljon.

Aha értem.. Erre szerintem tudok megoldást, de még előbb kipróbálom.

A kód - amellett hogy csak próbálkozás - lehet, hogy gonosz, de mivel a js elején elején tartok, valószínű, hogy tudok ennél rettenetesebbet is írni.

Én is tudok gonoszabbat írni.

Kód: Javascript

1. while(true){alert('Innen nem szabadulsz haver..:)');}

Szerintem egyébként ha nem 1-el, hanem mondjuk 2-vel növelnéd az opacity értékét, akkor kevesebb erőforrást emésztene fel.

A document.getElementById('kepid').style...., vagy röviden csak kepid.style.... nálam nem okoz semmi változást, minden böngészőben egyformán megy.

Ez igaz, viszont nem ajánlott így használni. Ha megnézed a FF hibakonzolját, teleírja hibaüzenettel erre.

[pixi]

A tömb második, ill. további bejárásánál a számláló megbolondulása alatt azt értem, hogy visszaugrál olyan értékekre, amin már egyszer túljutott, ezért lelassul. Valahol, valamit vissza kellene állítani, hogy a tömb bejárása után, az újabb futás tiszta lappal induljon.

A kód - amellett hogy csak próbálkozás - lehet, hogy gonosz, de mivel a js elején elején tartok, valószínű, hogy tudok ennél rettenetesebbet is írni.

A document.getElementById('kepid').style...., vagy röviden csak kepid.style.... nálam nem okoz semmi változást, minden böngészőben egyformán megy.

[ThompsoN]

Nem értem annyira a kérdésedet.Hogy érted, hogy a számláló megbolondul? Nekem tökéletesen működött, miután a kepid.-okat mnidenhol lecseréltem arra, hogy document.getElementById('kedid').

Viszont ez a kód kegyetlen. Egyrész a processzort irdatlan mértékben felugrasztja, másrészt telenyomja a ramot (ez utóbbi nem tudom, hogy miért). Nekem a vas szíve egy AMD Phenom II X4 965 BE, vagyis 4 mag és 3,4GHz.. RAM pedig 4GB. ÉS 2-szer bejárta a tömböt, már belassultam..

[pixi]

A script, a tömbbe rakott képeken megy végig. Az opacity értéke 0-ról felmegy 100-ra, ott áll 2 másodpercet, majd visszamegy 0-ra és jön a következő kép.
A tömb első bejárása rendben megy, de a második bejárástól kezdve a számláló megbolondul és nem találom a hibát:.

Kód: HTML

1. <html><head>
2.  
3. <script type='text/javascript'>
4.  var tomb = new Array('../Kepek/1.jpg', '../Kepek/2.jpg', '../Kepek/3.jpg');
5.  //var i;
6.  //var op;
7.        
8.  function plus(i,op) {
9.         kepid.style.filter = 'alpha(opacity=' + op + ')';
10.         kepid.style.opacity = op/100;
11.         document.getElementById('kepid').src = tomb[i];
12.         document.getElementById('divid').innerHTML = 'i erteke plus()-ban : ' + i + '<br> op : ' + op;
13.                
14.         if ( op < 100)  { ++op;  setTimeout(function()  { plus(i,op); }, 40); }      // >
15.         if ( op == 100 ) { setTimeout(function() { minus(i,op); }, 2000); }
16. }
17.        
18.  function minus(i,op) {
19.         kepid.style.filter = 'alpha(opacity=' + op + ')';
20.         kepid.style.opacity = op/100;
21.         document.getElementById('kepid').src = tomb[i];
22.         document.getElementById('divid').innerHTML = 'i erteke minus()-ban : ' + i + '<br> op : ' + op;
23.                
24.         if ( op > 0 ) { --op;  setTimeout(function() { minus(i,op); }, 40); }
25.         if ( op == 0 ) { setTimeout(function()  { skip(i); }, 0); }
26. }
27.        
28.  function skip(i) {
29.         if ( i < tomb.length -1) { ++i; } else { i = 0; }       // >
30.         setTimeout(function() { plus(i,0); }, 1);
31. }
32. </script>
33.  
34. </head><body>
35.  
36.         <img id='kepid' style='width:100px; float: left;' >            
37.         <div id='divid' style='width:250px; margin-left: 110px' > </div>
38.        
39. <script type='text/javascript'> plus(0,0); </script>
40.                        
41. </body></html>

[pixi]

Kód: HTML

1. <script language='JavaScript'>
2. function plus()
3.         {
4.         w = document.getElementById('kep').width;
5.         h = document.getElementById('kep').height;
6.         meret = w+' - '+h;
7.  
8.         //document.getElementById('kep').width = w;
9.         document.getElementById('kiir').innerHTML = meret;
10.        
11.         }      
12. </script>
13.  
14. <img id='kep' src='../Kepek/xx.jpg' width='50px' onmouseover='plus()' >
15. <div id='kiir'></div>

A script jelenleg az onmouseover-re a kép alatt kiírja a kis kép méretét.
Evvel szemben én az eredeti kép méretét szeretném kinyerni. Halvány elképzelésem szerint az eredeti képet valahogy egy új kép objectum-ba be kell tenni, és ebből kéne kinyerni a valós méretet:

 eredeti  = new Image(); 
 eredeti.src  ="../Kepek/xx.jpg";
 
A kérdésem az volna, hogy ebből az eredeti.src-ből, hogyan tudom a w és h értéket kiszedni?
Hogyan módosul a w= ....width; és a h = ....heigth; sor

[tanulo]

Sziasztok

Van egy onload  javascript eseményem amit csak akkor szeretnék futtatni  ha egy bizonyos linkről érkezik az user.
Tehát előző oldalon két link van a(link és b(link) .Ha a linkről érkezik akkor hozna magával egy változót és akkor lefuthat az onload esemény ha b linkről érkezik akkor nincsen változó és nem szabadna lefutnia az onload-nak.


Hogyan lehetne ezt megvalósítani?
Elküldve:: 2010. Október 26.  08:53:32Közben megoldottam,nem láttam a fától az erdőt!

[ThompsoN]

Sziasztok.

Azt szeretném kérdezni, hogy lehet-e javascripttel lekérdezni, hogy hány %-on áll egy kép betöltése.
A képet így töltöm be:

Kód: Javascript

1. var kep = new Image();
2. kep.onload = function(){
3. //...
4. }
5. kep.src = 'http://valami/valami.jpg';
6.  

[NoNametheone]

thx

[tbence]

Köszi. Igazad van. Javított:

Kód: Javascript

1. function mouseO(id,src) {
2.   document.getElementById(id).src ="./img/"+src;
3. }
4.  

[Semmu]

minek erre js?

Kód: CSS

1. a.menupont_kapcsolat:hover {background:url(kép)}

(bár ezt is lehetne még egyszerűsíteni, de lusta vagyok elmagyarázni.)
Elküldve:: 2010. Június 13.  14:29:06am tbence, egy függvénnyel is meg lehet oldani. hisz nálad is mind2 ugyanazt a műveletet csinálja. (amúgy meg elírtad az elsőt)

[tbence]

Kód: Javascript

1. function mouseOver(id,src) {
2.   document.getElementById(id).src ="./img/bottommenumunkainkover.png"+src;
3. }
4.  
5. function mouseOut(id,src) {
6.   document.getElementById(id).src ="./img/"+src;
7. }
8.  

Fügvény paraméterekről hallottál már?
Na szerinem elég egyértelmű a használata a fügvényeimnek, úgyhogy inkább nem magyarázom el.

[NoNametheone]

Kód: Javascript

1. <script type="text/javascript">
2. function mouseOver() {
3. document.getElementById("b1").src ="./img/bottommenumunkainkover.png";
4. }
5. function mouseOut() {
6. document.getElementById("b1").src ="./img/bottommenumunkaink.png";
7. }
8. function mouseOver2() {
9. document.getElementById("b2").src ="./img/bottommenukapcsolatover.png";
10. }
11. function mouseOut2() {
12. document.getElementById("b2").src ="./img/bottommenukapcsolat.png";
13. }
14. </script>
15.  

Kód: HTML

1.  <div id="bottommenu"><img border="0" src="./img/bottommenumunkaink.png" id="b1" width="100" height="36" onmouseover="mouseOver()" onmouseout="mouseOut()" /><img border="0" src="./img/bottommenukapcsolat.png" id="b2" width="100" height="36" onmouseover="mouseOver2()" onmouseout="mouseOut2()" /></div>
2.  

ezt hogyan tudom egyszerűsíteni? ha majd több menüpont lesz akkor ne kelljen mindig így irogatni, hanem valahogy egyszerűbben lehet?

[pixi]

Most nézem, de amúgy hogyan jön ez a képkezeléshez?
Mármint Pixi kérdésétől indulva.

Köszi a segítséget mindkettőtöknek. tbence megoldását már kipróbáltam, így már átadja az id-t, a kívánt térkép megjelenik, köszi.

Ami a kérdésedet illeti jogos, nem jó helyen kérdeztem, hacsak nem úgy értelmezzük, hogy a képkezelés benne van a térképkezelés-ben is. Mindenesetre most itt nyilvánosan lehurrogom magam.

[tbence]

Most nézem, de amúgy hogyan jön ez a képkezeléshez?
Mármint Pixi kérdésétől indulva.

[Metts]

én hogyha js-t és phpt egybe gyúrok mindig egy szoktam:

Kód: PHP

1. $js =  "javascript(1,".$valtozo.")";
2. print  ' <a href="#" onmouseover="'.$js.'">...</a>';
3.  

[tbence]

  Érdekes egy kód.
Én a helyedben csinálnék a fgv-nek egy fgv változót, aminek az értékét a ciklusban kiiratáskor meg úgy is beleírod. :

Kód: PHP

1.  
2. <head>
3. <SCRIPT language="javascript">
4.      function terkep(id) { window.open ('Reg/id_terkep.php?id='+id, 'newwin', 'width=425, height=350, left=500, top=240');}
5. </SCRIPT>
6.  
7. </head>
8.  
9. <body>
10.  
11. <?php
12.  
13. for($i=1;$i<=10;$i++){
14.   echo "<a href=\"javascript: terkep('".$i."');\">".$i."</a>";
15. }
16.  
17.  

Na valahogyan így képzeltem el. teszteltem, jó.
A ciklus meg a többi átírható, a lényeg hogy az értéket megadja az id-nek odafent, amikor megnyílik az ablak akkor már ott van benne a szám is.

[pixi]

Hogy tudnám a body részben levő ciklusból, az aktuális id számot átadni, a head részben levő javasriptnek, mert ez így nem megy :

Kód: PHP

1. <head>
2. <SCRIPT language="javascript">
3.      function terkep() { window.open ('Reg/id_terkep.php?id=<?=$id ?>', 'newwin', 'width=425, height=350, left=500, top=240');}
4. </SCRIPT>  
5.    
6. </head>
7.  
8. <body>
9.  
10. <?php
11. .
12. .
13. while ($sor = mysql_fetch_array($eredmeny))
14. {
15.   $id = $sor['id'];
16.   echo "<td><a href='javascript:terkep()?id=$id' > ".$sor['cim']." </td>";
17. }
18. .
19. .

[Rimelek]

Ne nevet adj a linknek, hanem id-t.
És

Kód: Javascript

1. function img(iname) {
2.    document.getElementById('button').style.background = 'url('+ iname +');';
3. }
4.  
5.  

De te eleve csak a kép nevét adtad background-nak. Míg a css részben is látszik, hogy kell köré az ur()l rész is. Igaz, a style tulajdonságot is kihagytad. 

[rajmund]

Bocsi megint én, felejtsétek el az előző problémát, most egy újabb jött  xD

Kód: [Kijelölés]

<script>
function img(iname) {
document.button.background = iname;
}
</script>
<a name="button" href="http://javascript.internet.com" style="background-image:url('tagok1.gif'); width=230px; height=280px;" onmouseover="img('tagok.gif')" onmouseout="img('tagok1.gif')"></a>
Ez nem működik, de akkor hogy tudom kifejezni hogy a "button" objektum hátterét megváltoztassa a javascript? (Amúgy ha document.body.background ot írok be, akkor működik de akkor meg a body-n jeleníti meg a képet)

[rajmund]

Sziaztok!

Valaki meg tudna dobni egy olyan linkkel/tutoriallal ami onmouseover-re és downra reagálva megváltoztat egy képet, de nekem úgy kéne hogy egy image bizonyos heigh jét mutassa meg.

Azért ilyen kell nekem, hogy a második kép(vagyis kép részlet) már ne töltsön be amikor rájuk húzom az egerem.

egy példa:

www.thewest.hu

(a regisztrálj ingyen! gomb egyetlen képből áll)

[tbence]

http://www.lokeshdhakar.com/projects/lightbox2/
Lightbox-os megoldás? innen le lehet tölteni nem nehéz átformálni olyanra amilyet akarsz...

[bokike]

Helló.
Szeretnék segítséget kérni. Van nekem egy galériám amibe sok kép van, azt szeretném megoldani, hogy amikor egy képre rákattintok akkor legyen nagyobb, de ne más ablakba.

Előre is kösz a válaszokat.

[Semmu]

na ez tökéletesen illik a szitura 

[KisGabo]

"Az idő, melyet elvesztesz azzal, hogy optimalizálod IE-re a weblapot"
"Az idő, melyet elvesztesz azzal, hogy egy lassú, fájdalmas halált kívánsz Bill Gatesnak"
/OFF

[Semmu]

persze, tudom, de akkor is, mi értelme volt megváltoztatni a szintaktikáját?  :idiot: ez a májkroszoft...

szerk: detektor js: http://www.javascriptkit.com/javatutors/navigator.shtml

[KisGabo]

Ismerős érzés ez nekem Semmu
De meg lehet csinálni. Csak ellenőrizni kell a navigator.userAgent tartalmát IE8-ra, IE8>-ra, és egy else ág Legalábbis én így csinálnám.

[Semmu]

na keresgéltem neten mindenféle color2grayscale dolgokat, amik színes képből szürkeárnyalatosat készítenek, akár css-el akár js-el, de nem találtam semmi cross browsert.
namármost viszont van egy canvasos megoldás, ami működik FFben meg opreában (bár nem tudom hányas verzióktól), meg van filteres megoldás ami IE-kben működik.
aztán akarok írni egy js fgv-t, ami az oldalon az összes képen végigmegy, és grayscale képet csinál, de kiderült, hogy IE8-ban már a filternek is tök más a szintaktikája, hogy ne legyen olyan egyszerű. áhh nem értem, most azon miért kellett változtatniuk a fejlesztőknek? csak hogy idegesítsenek?! :mad2:

(majd ha kész lesz a fgv és kell vkinek, bemásolhatom ide... de cs ha kéri vki...)

[Semmu]

ha jó témában írnál és használnád a geshi-t, esetleg segítenék...
Elküldve:: 2009. Július 25.  18:41:00na hogy át lett helyezve, megnézem.
de jó lenne már megtanulni, mi hova való  :rtfm:
a js-ben nem találok hibát, de rosszul hívod meg a függvényt. az első 2 paraméter a jelenlegi méretek, amik nálad helytelenek. a kép 128*96 px de függvényben 100*100-at írsz. azt javítsd ki.

[Mocsok22]

Sziasztok....

Én egy kis segítséget szeretnék kérni........
A weblapomon szeretném hogy a képek  egy kattintással legyenek láthatók nagyobb méretben.......
Találtam is rá egy html kódot de csak kicsinyítve jelenik meg és nem nagyítja fel........

Ez a kód:

Kód: Javascript

1. var nW,nH,oH,oW;
2. function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){
3. oW=whichImage.style.width;oH=whichImage.style.height;
4. if((oW==iWideLarge)||(oH==iHighLarge)){
5. nW=iWideSmall;nH=iHighSmall;}else{
6. nW=iWideLarge;nH=iHighLarge;}
7. whichImage.style.width=nW;whichImage.style.height=nH;
8. }

Kód: HTML

1. <img
2. border="0"
3. src="http://www.gportal.hu/portal/rizibizi/image/gallery/tn_1149286785.jpg"
4. width="128"
5. height="96"
6. onclick="zoomToggle('100px','100px','300px','300px',this);"
7. >

És nekem sehogy se jó......

Nem tudtok valmi olyat is ami működik?........előre is köszönöm......
Használd a Geshi-t forráskód beszúrásához! Felül a Geshi listában választhatod ki a forrás nyelvét. KisGabo

[hodika]

Köszi a segítséget! Meg fogom nézni!

[Keveqiah]

OnMouseOut.. és Over..
Ezekkel a legegyszerűpp az ittenihez hasonló menüt kreálni.
A linken leírás és példa is van..

http://www.w3schools.com/jsref/jsref_onmouseout.asp

http://www.w3schools.com/js/tryit.asp?filename=tryjs_animation

(De ez már JS)

[hodika]

OK! Köszi! Ezt értem! Viszont olyan gondom van, hogy a Javascript-hez egyáltalán nem értek (még) 
Egyenlőre a html + css ismereteimet próbálom kicsit bővíteni 

Nem tudom, lehet-e ilyet kérni, vagy nem, (illetve azt sem tudom, hogy ezt milyen nehéz megcsináni), de ha valaki tudna ebben segiteni konkrét programozás terén nekem, az jó lenne, vagy valamilyen irodalmat ha tudnátok ajánlani, akkor megpróbálnám.
Köszi

[Warner]

Beállíthatod egy elem (pl. div) hátterének és Javascripttel időzítve (setInterval) változtatod a background-position értékét, azaz eltolod a hátteret. Így azt a hatást fogja kelteni, mintha mozogna.

[hodika]

Sziasztok!

Egy olyan kérdésem lenne, hogy ha panoráma képem van, és azt szeretném, hogy körbe-körbe menjen a kép (valamilyen sebességgel), mintha egyfolytában körbe forognék, akkor azt hogyan lehet leprogramozni egyszerüen, vagy milyen ingyenes programot kell beleírni a html-be?
Köszi

[Rimelek]

Ha valami azt csinálja ami a cél akkor helyes. Szépíteni persze lehet. De egy 3 soros kódon általában nincs mit, és ha van is, teljesen mindegy megteszed-e vagy sem. De eddig nem beszéltél semmi átirányításról, így megint nem vagyok képben, hogy azt mi célból teszed. Az enyhén magyartalan utolsó mondatodból ( Néha nekem is van ) azt veszem ki, hogy úgy érnéd el a tartalom megjelenítésének késleltetését, hogy egy oldalt készítesz amin csak a kép van, és egy js függvény, ami átirányít egy másik oldalra, ahol a tartalom van.  Természetesen ez is helyes, hisz eléred amit szeretnél.

[Satya]

Ó, nagyon köszönöm!
Egyébként szerintetek az egésznek a saját, általam kitalált elméleti része helyes?

Egy javascript függvényben meghívok egy átírányítást majd azt késleltetem 5 mp-vel. A jv-n kívül meg megjelenitek egy képek.  :happy:

[Rimelek]

Még hánszor kell leírnom, hogy nincsen a geshi -ben html4 , csak html4strict ?
Csak válassz a lenyiló listából, és nem rontod el.

A hiba pedig az hogy type -nek írtad a Javascript -et. type -nek  text/javascript-nek kell lennie. A language lehet csak simán javascript:

Kód: HTML

1. <script type="text/JavaScript">
2. function megjelenit()
3. {
4.               document.getElementById('rejtett').style.display='block';
5. }
6. </script>
7. <img src="http://images.netbag.hu/20080904/07394819533.gif"  onload="setTimeout('megjelenit()',5000);" />
8. <div id="rejtett" style="display: none;" >LoooL :D</div>
9.  

[Satya]

Köszi a válaszotokat, használni is fogom.

Kód: HTML

1. <script type="JavaScript">
2. function megjelenit()
3. {
4.               document.getElementById('rejtett').style.display='block';
5. }
6. </script>
7. <img src="http://images.netbag.hu/20080904/07394819533.gif"  onload="setTimeout('megjelenit()',5000);" />
8. <div id="rejtett" style="display: none;" >LoooL :D</div>
9.  

Mi a prob.?

[Warner]

Az img tagról én is úgy tudom, hogy tud (szabványosan is) onLoad-ot.

[<madbence />]

Akkor ha müxik, igazad van. A w3school is pontatlan, az <img> tagnál nem írják, hogy tudna onloadot

[Rimelek]

Akkor hiszünk a w3c -nek De az innerHTML sem szabvány, és mégis működik a legtöbb böngészőben. IE7 -ben és FF3-ban teszteltem az onload-ot a képre. és működik. És valahonnan régről is ez rémlett. azért írtam így.
Elküldve:: 2008. Szeptember 03.  20:45:02Mellesleg:
http://www.w3schools.com/jsref/jsref_onload.asp
idézet:

Supported by the following HTML tags:
<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>

[<madbence />]

onload eseménye csak a body-nak lehet. W3C szerint.

[Rimelek]

Válts taktikát. És akkor ez már rég nem képkezelés.
Legyen a teljes késleltetendő tartalom egy div-ben. aminek adsz egy id-t.
Aztán a kép kiiratása után meghívod késleltetve a tartalom megjelenítése függvényt. Mondjuk a kép onload eseményével

Kód: HTML

1. <img src="..."  onload="setTimeout('megjelenit()',5000);" />
2. <div id="rejtett" style="display: none;" > itt a rejtett tartalom </div>
3.  

A megjelenit függvény pedig hasonló:

Kód: Javascript

1. function megjelenit()
2. {
3.               document.getElementById('rejtett').style.display='block';
4. }

[Satya]

Függvénynevek javítva, tehát akkor hogyan kell megoldani azt hogy ne a kép betöltődését késleltesse... Kérlek segítsetek...  :happy:

[Rimelek]

Az már felse tűnt, de Satya-tól ez természetes

[Warner]

Meg a függvénynév se egyezik.

[Rimelek]

helyesnek hlyes, de én inkább akkor a képet hagynám betöltődni, és az összes többi dolgot tenném bele egy függvénybe. és atz késleltetném. jelen kóddal a kép betöltését késlelteted 5 mp-vel. attól még minden más le fog futni.

[Satya]

Kód: Javascript

1. function kep(){
2. document.write('<img src="http://images.netbag.hu/20080527/1211904284135.jpg" />');
3. }
4.  
5. setTimeout('betoles_kep()', 5000);
6.  

Célom, hogy 5 másodpercig fusson le a képmegjelenítés majd a többi programrész, csak ezután fusson le.

Ui.: Tudom, hogy nem hasonlit a te példádra a kep()-es cucc de szerintem ez így is helyes...

[Satya]

Köszi mindent! Örök hála...

[Rimelek]

például:

Kód: Javascript

1. function kep(url)
2. {
3.             document.write('<img src="'+ url +'" alt="kép" />');
4. }

javascript oldal: http://www.javascripter.net/faq/index.htm

[Satya]

Keresgéltem a Google-van, de sehol sem találtam...

Azt szeretnem elérni, hogy "kep()" egyenlő legyen azzal hogy megjelenit egy képet, és írjatok egy jó JavaScript doksis oldalt, mint a például a PHP-nál a php.net! Előre is köszi.

[dagoston]

huh ez nekem nem tűnik jó megoldásnak egy myvip szerű oldalon...
de azért kösz

[Rimelek]

Akkor az nem méretezés, hanem levágás.
De csináld azt, hogy megnézed a kép méretét, és először méretezed, de úgy, hogy ha mindkettő oldala a képnek nagyobb mint 80px, akkor csökkented a kisebb oldalt 80 px-elesre. és beteszed úgy a képet, hogy egy 80*80 -as "ablak" -ban jeleníted meg. A többi részt elrejtve. Mondjuk a bal felső sarokhoz igazítva. És akkor vagy a bal oldala vagy az alja a képnek lemarad.
Jobb ötletem nincs. csak le kell takarni a nem látható részeket.

[dagoston]

ezzel csak az a baj, h. nekem nem az arány kell, hanem, hogy mindig 80*80 as legyen a kép, de ne legyen elnyult arc rajta...
pls help

[<madbence />]

Az eredeti kép szélességét elosztod az eredeti magassággal, megkapod az arányt, azután már változtathatod a szélességet, a magasság mindig a szélesség*arány lesz.

[dagoston]

hello!
azt szeretném kérdezni, hogy hogyan oldajm meg azt, hogy ha egy képet átméretezek, akkor ne veszicccse el az arányokat, hanem vágjon le belőle ugy, h. kb a közepe legyen...
oylasmi kéne mint a myvipen ahogy megjeleniti a kis igazolványképeket..
pls help