Kako rješavate popisivanje slika u html-u?

poruka: 12
|
čitano: 2.023
|
moderatori: Lazarus Long, XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
14 godina
neaktivan
offline
Kako rješavate popisivanje slika u html-u?

Imam npr. 69 slika koje su nazivaju slika1.jpg, pa slika2.jpg i tako do slika69.jpg.

Kako automatski dodat u html popis za svih 69 slika, znaci: <img src="slika1" alt""/> itd, ako copy/pejstam, onda moram ručno

svakoj slici mijenjat broj a i ucitavanje svake slike posebno ce mi oduzet vremena...

Da li postoji u Dreamvieweru možda opcija za to ili kakav automatski generator koda?

Moj PC  
0 0 hvala 0
16 godina
odjavljen
offline
Re: Kako rješavate popisivanje slika u html-u?
Kule_zg kaže...

Imam npr. 69 slika koje su nazivaju slika1.jpg, pa slika2.jpg i tako do slika69.jpg.

Kako automatski dodat u html popis za svih 69 slika, znaci: <img src="slika1" alt""/> itd, ako copy/pejstam, onda moram ručno

svakoj slici mijenjat broj a i ucitavanje svake slike posebno ce mi oduzet vremena...

Da li postoji u Dreamvieweru možda opcija za to ili kakav automatski generator koda?

Mislim da bi trebalo tako nešto postojati u dreamvieweru, ali ako ti se za tako nečim češće javlja prilika, možda bi bilo dobro da razmisliš o PHP-u. Ta takve sitnice ne moraš biti programer za skucati da radi, a može ti olakšati život.

Big wheel keep on turning, Proud Mary keep on burning, Trolling, trolling, trolling on the river.
14 godina
neaktivan
offline
Re: Kako rješavate popisivanje slika u html-u?

Da ručno ćeš ih morat u nosit ili skripta neka koja će ti ih ućitat i stavit na stranicu naj običmija for petla. No obrati pažnu na SEO iz ovoga vidim daš imat jako puno problema

16 godina
neaktivan
offline
Kako rješavate popisivanje slika u html-u?

javascriptom? :)

 

jQuery:

 

var $wrap = ('#gdje-idu-slike');

for ( var i = 1; i <= 69; i++ ) {

    $wrap.append( '<img src="img/slika'+String(i)+'.jpg" alt="" />' );

}

www.prijevodi-online.org
Moj PC  
3 0 hvala 2
14 godina
neaktivan
offline
Re: Kako rješavate popisivanje slika u html-u?
NoorMomento kaže...

Da ručno ćeš ih morat u nosit ili skripta neka koja će ti ih ućitat i stavit na stranicu naj običmija for petla. No obrati pažnu na SEO iz ovoga vidim daš imat jako puno problema

Zasto mislis da imam jako puno problema?

Ak mislis na <img src="slika1.jpg alt=""/> to je samo primjer, znam ja dobro kako funkcionira SEO

16 godina
neaktivan
offline
Re: Kako rješavate popisivanje slika u html-u?
Snyder kaže...

javascriptom? :)

 

jQuery:

 

var $wrap = ('#gdje-idu-slike');

for ( var i = 1; i <= 69; i++ ) {

   $wrap.append( '<img src="img/slika'+String(i)+'.jpg" alt="" />' );

}

Svaka cast onome ko izmisli jQuery

16 godina
neaktivan
offline
Re: Kako rješavate popisivanje slika u html-u?
16 godina
neaktivan
offline
Kako rješavate popisivanje slika u html-u?

malo prepravljen javascript tako da ne dira dom svaki put kad dodaje sliku

 

var $wrap = ('#gdje-idu-slike');

var slike = '';
for ( var i = 1; i <= 69; i++ ) {
      slike += (  '<img src="img/slika'+String(i)+'.jpg" alt="" />' );
}

$wrap.append( slike );

www.prijevodi-online.org
Moj PC  
0 0 hvala 0
14 godina
neaktivan
offline
Re: Kako rješavate popisivanje slika u html-u?
Snyder kaže...

malo prepravljen javascript tako da ne dira dom svaki put kad dodaje sliku

 

var $wrap = ('#gdje-idu-slike');

var slike = '';
for ( var i = 1; i <= 69; i++ ) {
    slike += (  '<img src="img/slika'+String(i)+'.jpg" alt="" />' );
}

$wrap.append( slike );

Ovo radi super, samo je problem kaj nad tako ucitanim slikama ne radi funkcija za popup slika.

 

Ucitavanje onda izgleda ovako:

slike += (  '<a href="putanja/slika'+String(i)+'.jpg" rel="lightbox"><img src="putanja//thumbs/tn_slika'+String(i)+'.jpg" alt="" /></a>');

 

I ucita super, samo klikom na sliku ne radi popup, vec se slika otvori normalno na novoj stranici.

16 godina
neaktivan
offline
Re: Kako rješavate popisivanje slika u html-u?

Neka logika mi govori da se trebaš pobrinuti da slike budu dodane u DOM prije nego lightbox krene na posao. Uglavnom nek ti $('img.lightbox').lightobx(), ili kako se već piše bude posljedna stvar koju pozivaš. Cijeli DOM treba prije biti posložen.

Poruka je uređivana zadnji put pet 11.5.2012 13:46 (suludi8).
16 godina
neaktivan
offline
Kako rješavate popisivanje slika u html-u?

lightbox zovi ovak:

 

$(document).ready(function(){

setTimeout(function() {

$('#content a.img').lightbox();

}, 500);

});

 

ovo ce ti krenut postavljat lightbox nakon 500 milisekundi, i tad ce vec javascript sigurno ispisati slike

nije bitno da su slike ucitane, bitno je da postoji A tag sa href vrijednosti :)

www.prijevodi-online.org
Moj PC  
0 0 hvala 0
16 godina
neaktivan
offline
Re: Kako rješavate popisivanje slika u html-u?
Snyder kaže...

 

ovo ce ti krenut postavljat lightbox nakon 500 milisekundi, i tad ce vec javascript sigurno ispisati slike

nije bitno da su slike ucitane, bitno je da postoji A tag sa href vrijednosti :)

Naravno, krivo sam se izrazio, pod slika sam mislio na sve skupa-a tag sa pripadajučim img-om.

1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice