/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
fastsættelse af billede iJS script
Fra : Jacob Clausen


Dato : 11-06-07 17:00

Jeg har i nedenstående script en masse billeder der bliver vist
random når man åbner siden, problemet er at billederne et for
store til siden, er der en metode man kan anvende for at få
billederne i en bestemt størrelse?

<script language="JavaScript">

images = new Array(18);

images[0] = "<a><img src='images/IMG_1736.jpg' alt='billede
1'></a>";

images[1] = "<a><img src='images/IMG_1745.jpg' alt='billede
2'></a>";

images[2] = "<a><img src='images/IMG_1747.jpg' alt='billede
3'></a>";

images[3] = "<a><img src='images/IMG_1752.jpg' alt='billede
4'></a>";

images[4] = "<a><img src='images/IMG_1760.jpg' alt='billede
5'></a>";

images[5] = "<a><img src='images/IMG_1774.jpg' alt='billede
6'></a>";

images[6] = "<a><img src='images/IMG_1807.jpg' alt='billede
7'></a>";

images[7] = "<a><img src='images/IMG_1810.jpg' alt='billede
8'></a>";

images[8] = "<a><img src='images/IMG_1813.jpg' alt='billede
9'></a>";

images[9] = "<a><img src='images/IMG_1816.jpg' alt='billede
10'></a>";

images[10] = "<a><img src='images/IMG_1828.jpg' alt='billede
11'></a>";

images[11] = "<a><img src='images/IMG_1873.jpg' alt='billede
12'></a>";

images[12] = "<a><img src='images/IMG_1889.jpg' alt='billede
13'></a>";

images[13] = "<a><img src='images/IMG_1905.jpg' alt='billede
14'></a>";

images[14] = "<a><img src='images/IMG_1908.jpg' alt='billede
15'></a>";

images[15] = "<a><img src='images/IMG_1918.jpg' alt='billede
16'></a>";

images[16] = "<a><img src='images/IMG_1933.jpg' alt='billede
17'></a>";

images[17] = "<a><img src='images/IMG_2001.jpg' alt='billede
18'></a>";

index = Math.floor(Math.random() * images.length);

document.write(images[index]);
;
</script>

Mvh
Jacob

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Jørgen Farum Jensen (11-06-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 11-06-07 17:20

Jacob Clausen skrev:
> Jeg har i nedenstående script en masse billeder der bliver vist
> random når man åbner siden, problemet er at billederne et for
> store til siden, er der en metode man kan anvende for at få
> billederne i en bestemt størrelse?

Ja, reducér billedstørrelsen i et billedbehand-
lingsprogram. Det er en rigtig dårlig idé at overføre
flere billeddata end der kan vises i brugerens browser.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Birger (12-06-2007)
Kommentar
Fra : Birger


Dato : 12-06-07 09:20

"Jacob Clausen" <post@jacl.dk> skrev i en meddelelse
news:466d7185$0$90271$14726298@news.sunsite.dk...
> Jeg har i nedenstående script en masse billeder der bliver vist
> random når man åbner siden, problemet er at billederne et for
> store til siden, er der en metode man kan anvende for at få
> billederne i en bestemt størrelse?
....
> Mvh
> Jacob

Man kan også sætte enter højde eller bredde :
images[N] = "<img src='images/IMG_1736.jpg' alt='billede 1' width=200>";

Der er vist ingen grund til dit <a>..</a> - og det må da også give
valideringsfejl?

Birger



Lasse Reichstein Nie~ (12-06-2007)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 12-06-07 09:44

"Birger" <sdc@bbsorensen.com> writes:

> Der er vist ingen grund til dit <a>..</a> - og det må da også give
> valideringsfejl?

Desværre ikke. HTML-specifikationen via DTD er tilgivende, og siden
både
<a href="..."></a>
og
<a name="..."></a>
er tilladte, så er begge attributter også valgfrie, og man kan udelade
begge.
Se <URL:http://www.w3.org/TR/html4/struct/links.html#h-12.2>. "#Implied"
betyder at attributten kan udelades (og "rect" at værdien kan udelades og
den defaulter til "rect").
Det er gyldigt, men spild af plads.

Der er så meget andet redundant i det script, at det burde kunne klemmes
ned på den halve plads.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Birger (12-06-2007)
Kommentar
Fra : Birger


Dato : 12-06-07 11:13

"Lasse Reichstein Nielsen" <lrn@hotpop.com> skrev i en meddelelse
newsjld0kp.fsf@hotpop.com...
> "Birger" <sdc@bbsorensen.com> writes:
>
>> Der er vist ingen grund til dit <a>..</a> - og det må da også give
>> valideringsfejl?
>
> Desværre ikke. HTML-specifikationen via DTD er tilgivende, og siden
> både
> <a href="..."></a>
> og
> <a name="..."></a>
> er tilladte, så er begge attributter også valgfrie, og man kan udelade
> begge.
> Se <URL:http://www.w3.org/TR/html4/struct/links.html#h-12.2>. "#Implied"
> betyder at attributten kan udelades (og "rect" at værdien kan udelades og
> den defaulter til "rect").
> Det er gyldigt, men spild af plads.

OK.
Som der står kan name eller href sættes via script, så det er vel i orden,
at det validerer.
Er bare vant til at et <a> skal have enten eller... ;>)

> Der er så meget andet redundant i det script, at det burde kunne klemmes
> ned på den halve plads.

Ikke sådan jeg ville have gjort det heller.
Men et sted skal man jo begynde...

Birger



Leif Neland (14-06-2007)
Kommentar
Fra : Leif Neland


Dato : 14-06-07 16:51

Birger wrote:
> "Jacob Clausen" <post@jacl.dk> skrev i en meddelelse
> news:466d7185$0$90271$14726298@news.sunsite.dk...
>> Jeg har i nedenstående script en masse billeder der bliver vist
>> random når man åbner siden, problemet er at billederne et for
>> store til siden, er der en metode man kan anvende for at få
>> billederne i en bestemt størrelse?
> ...
>> Mvh
>> Jacob
>
> Man kan også sætte enter højde eller bredde :
> images[N] = "<img src='images/IMG_1736.jpg' alt='billede 1'
> width=200>";
Men uanset hvilken width du sætter, så downloades det fulde billede. Ret
dumt, hvis det er et 8Mpix billede, du beder browseren vise i 200pix bredde.
Så har du spildt båndbredde og tid på en masse pixels, browseren smider væk.
Skaler billederne før de sendes til brugeren, enten via et script på
serveren, eller med et billedbehandlingsprogram før du lægger dem på
serveren.

Leif



Birger (14-06-2007)
Kommentar
Fra : Birger


Dato : 14-06-07 18:53

"Leif Neland" <leif@neland.dk> skrev i en meddelelse
news:467163eb$0$90272$14726298@news.sunsite.dk...
> Birger wrote:
>> "Jacob Clausen" <post@jacl.dk> skrev i en meddelelse
>> news:466d7185$0$90271$14726298@news.sunsite.dk...
>>> Jeg har i nedenstående script en masse billeder der bliver vist
>>> random når man åbner siden, problemet er at billederne et for
>>> store til siden, er der en metode man kan anvende for at få
>>> billederne i en bestemt størrelse?
>> ...
>>> Mvh
>>> Jacob
>>
>> Man kan også sætte enter højde eller bredde :
>> images[N] = "<img src='images/IMG_1736.jpg' alt='billede 1'
>> width=200>";
> Men uanset hvilken width du sætter, så downloades det fulde billede. Ret
> dumt, hvis det er et 8Mpix billede, du beder browseren vise i 200pix
> bredde. Så har du spildt båndbredde og tid på en masse pixels, browseren
> smider væk.
> Skaler billederne før de sendes til brugeren, enten via et script på
> serveren, eller med et billedbehandlingsprogram før du lægger dem på
> serveren.
>

Det var ment som et alternativ, til at gøre tingene rigtigt, og de 200 blot
et eksempel.
Der er hverken link eller andre muligheder for at se billederne, eller evt.
forsøg der måtte være lavet.

Der er _mange_ andre sider der spilder _meget_ båndbredde.
Så det er måske ikke så vigtigt, som at få tingene vist som vil have dem.
Lidt ligesom at have 14 sider med den samme header, footer og menu, der skal
hentes hver gang.... ;>)

Birger



Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste