Vložiť obrázok do 2 divov

1daemon1 · Napísal **1daemon1**: 17.05.2012 22:07

Ahojte. Mam problem s funkciou append v jquery (1.7.1). V JS zvycajne nerobim takze ma vobec nenapada ako to riesit, ani som nikde podobny problem nenasiel:

Kód:

<div id="skuska" style="width: 200px; height: 200px; border: 1px solid black;">
   </div>
   <div id="skuska2" style="width: 200px; height: 200px; border: 1px solid black;">
   </div>
   <script>
      $(document).ready( function(event){
         var img = new Image();
         $(img).attr( 'src', 'cesta_k_obrazku.jpg' );
         $(img).load( function(){ 
            $('#skuska').append(img);
            $('#skuska2').append(img);
         });
      });
   </script>

Nerozumiem, preco mi pripoji ten image iba to druheho divu. Ked odstranim prvy append tak zasa do prveho divu. ked prehodim poradie tych appendov tak do toho dovi "skuska" :loony:

. Chcel by som ten obrazok proste pridat do obydvoch divov.

Dakujem.

shaggy · Napísal **shaggy**: 17.05.2012 22:20

Ten kód si vymyslel sám, alebo si ho skopíroval?
Načo je dobré toto?

Kód:

$(img).load( function(){

Čo sa snažíš tým dosiahnuť?

1daemon1 · Napísal autor témy **1daemon1**: 17.05.2012 22:56

Urobil som ho sam. Najprv som to tam nemal ale skusal som co ma prve napadlo, neviem vobec kde hladat chybu.

shaggy · Napísal **shaggy**: 18.05.2012 20:07

A skús nám teda povedať, prečo ti to napadlo (potrebujem vedieť, čo si sa snažil tým riadkom docieliť).

1daemon1 · Napísal autor témy **1daemon1**: 18.05.2012 20:30

Uzivatel oreze obrazok a ja by som chcel aby sa zobrazil na 2 miestach na stranke.

//Napadlo ma urobit to cez class (mohlo ma aj skor):

Kód:

<div class="skuska" style="width: 200px; height: 200px; border: 1px solid black;">
   </div>
   <div class="skuska" style="width: 200px; height: 200px; border: 1px solid black;">
   </div>
   <script>
      $(document).ready( function(event){
         var img = new Image();
         $(img).attr( 'src', 'http://localhost/user/uploads/inzerent/c167b7172398e6f62948fbf32b92f2cb10b889d0/13372843884157950348.jpg' );
         $('.skuska').append(img);
      });
   </script>

Takto to funguje. Ale aj tak by ma zaujimalo preco ten prvy pripad nefungoval.

shaggy · Napísal **shaggy**: 19.05.2012 8:53

Prečo nefungoval? Lebo píšeš kód bez toho, aby si mu rozumel (proste lepší funkcie dokopy a nezamýšľaš sa nad tým). Pozrime sa, čo robí jQuery load:

Citácia:

Load data from the server and place the returned HTML into the matched element.

Čiže ty si sa snažil do elementu img (ktorý reálne v tom čase neexistoval) dynamicky načítať tie dva divy, ktorým si pripájal ten element img.

Niekedy je lepšie urobiť veci jednoducho:

Kód:

var imgElm = '<img src="http://localhost/user/uploads/inzerent/c167b7172398e6f62948fbf32b92f2cb10b889d0/13372843884157950348.jpg">';
$('#skuska').append(imgElm);
$('#skuska2').append(imgElm);
... alebo cez class ...
$('.skuska').append(imgElm);

1daemon1 · Napísal autor témy **1daemon1**: 19.05.2012 13:12

ok dakujem.

Vložiť obrázok do 2 divov

Podobné témy