Toon posts:

[js] Thumbnailmaker

Pagina: 1

Acties:

78 views sinds 30-01-2008
Reageer

woensdag 26 september 2001 21:39

Acties:

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

Topicstarter

Ik heb het volgende script gefröbeld, maar het werkt niet! Het is de bedoeling dat je dus een tabel krijgt met plaatjes erin, die allemaal picx.gif heten, x is een nummer. Ik krijg ook geen foutmelding ofzo, dus ik begrijp niet!

code:

<html>
<head>
<title>Foto's</title>
<script language=javascript>
var i=0;
function begin()
{
    document.write('<table>');
    fase2();
}
function fase2()
{
    if (i==5)
    {
        document.write('</table>')
    }
    else
    {
    document.write('<tr><td>[img]pic'+i+'.gif[/img]</td>');
    i++;
    document.write('<td>[img]pic'+i+'.gif[/img]</td>');
    i++;
    document.write('<td>[img]pic'+i+'.gif[/img]</td>');
    i++;
    document.write('</tr>')
    fase2()
    }
}
</script>
</head>
<body onLoad=begin()>

</body>
</html>

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

woensdag 26 september 2001 22:44

Acties:

Verwijderd

Erg mooi is je code niet..

Waarom niet gewoon for() ??

woensdag 26 september 2001 23:15

Acties:

r0bert

code:

<html>
<head>

<title> Foto's </title>

</head>

<body>

<table>

<script language="JavaScript" type="text/javascript">

// het aantal foto's
var aantalfotos = "10";

// het nummer van de image 'genereren via een for loop
var i = "-1";
for (var nr = 0; nr < aantalfotos; nr++) {
   
   // 1 bij i optellen om na te gaan de hoeveelste image het is
   i++;

   // vijf foto's op één rij..
   
   if (i == 0) {
       document.write('<tr><td>[img]"pic'+nr+'.gif"[/img]</td>');
   } else if (i == 4) {
       document.write('<td>[img]"pic'+nr+'.gif"[/img]</td></tr>');
         i = "-1";
   } else if ((nr == aantalfotos) && (i != 4)) {
       document.write('<td>[img]"pic'+nr+'.gif"[/img]</td></tr>');
   } else {
       document.write('<td>[img]"pic'+nr+'.gif"[/img]</td>');
   }
}
</script>
</table>

&nbsp;

</body>
</html>

Zoiets denk ik ?

donderdag 27 september 2001 00:27

Acties:

Sassie

code:

<html>
<head>
<title>Foto's</title>
<script language=javascript>
var i=0;
function begin()
{
    document.write('<table>');
    fase2();
}
function fase2()
{
    if (i==5)
    {
        document.write('</table>')
    }
    else
    {
    document.write("<tr><td>[img]'pic"+i+".gif'[/img]</td>");
    i++;
    document.write("<tr><td>[img]'pic"+i+".gif'[/img]</td>");
    i++;
    document.write("<tr><td>[img]'pic"+i+".gif'[/img]</td>");
    i++;
    document.write('</tr>')
    fase2()
    }
}
</script>
</head>
<body onLoad=begin()>
</body>
</html>

Dit (document.write('<tr><td>[img]pic'+i+'.gif[/img]</td>');)vervangen door dit (document.write("<tr><td>[img]'pic"+i+".gif'[/img]</td>");)
Werkt het dan beter?

Idd kun je het nog beter in een for loop zetten:

Pseudocode:
aantalpics=5;
for( teller<aantalpics)
{
document.write("<tr><td>[img]'pic"+teller+".gif'[/img]</td>");
}

donderdag 27 september 2001 00:37

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

document.write() kun je niet met een functie aanroepen via de onload-event.

document.write() schrijft namelijk weg in het document, op de plek tot waar hij geladen is; bij onload is hij al helemaal geladen en vallen de document.write's na het einde van het document.

wat je wel kunt doen is om de functie aan te roepen direct in de body

code:

<body>
<script language="javascript">
onloadFunctie()
</script>
</body>

of via object.innerHTML = onloadFunctie()

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 27 september 2001 18:22

Acties:

Verwijderd

Je geeft alleen een "width" attribuut op, misschien handig als je ook een "height" attribuut opgeeft?

Anders krijg je zo'n raar thumbnailtje... smal en heel erg lang...

donderdag 27 september 2001 20:18

Acties:

r0bert

Op donderdag 27 september 2001 18:22 schreef groencontainer het volgende:
Je geeft alleen een "width" attribuut op, misschien handig als je ook een "height" attribuut opgeeft? Anders krijg je zo'n raar thumbnailtje... smal en heel erg lang...

Als je alleen de width opgeeft, wordt de height automatisch verhoudingsgewijs aangepast ..

donderdag 27 september 2001 21:16

Acties:

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

Topicstarter

okee, r0bert, hij werkt! zelf nog even wat dingetjes aangepast. en die ander, sorry ik weet je nick niet meer, het gaat hier alleen en puur om foto's, die allemaal hetzelfde formaat hebben, en idd word de hoogte verhoudingsgewijs aangepast dus werkt het perfect.

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

donderdag 27 september 2001 21:18

Acties:

crisp

Devver

Pixelated

Hier staat een script voor de echte die-hards (kiezen voor collectie)

Volledig in JS geprogged met mogelijkheid om een selectie te maken. De namen van de plaatjes haal ik uit een array.
Misschien kan iemand er nog ideeen mee opdoen of heeft iemand nog goede tips...

Intentionally left blank

donderdag 27 september 2001 21:26

Acties:

r0bert

Op donderdag 27 september 2001 21:18 schreef crisp het volgende:
Hier staat een script voor de echte die-hards (kiezen voor collectie)
Volledig in JS geprogged met mogelijkheid om een selectie te maken. De namen van de plaatjes haal ik uit een array.
Misschien kan iemand er nog ideeen mee opdoen of heeft iemand nog goede tips...

Beswel stoer jah ..

Deze heb ik laastst voor m'n pa gemaakt .. maar hij is nog niet helemaal af, want hij moet nog even goed het nieuwe venster resizen als de hoeveelheid tekst, groter is dan het venster zelf .. en dér moet nog een 'mail' knop + forumuliertje bij ..

donderdag 27 september 2001 21:30

Acties:

r0bert

Hej .. kheb nog even wat door je JSje(s) zitten neusen ..
jammer dat de arrays waar de schilderijen in 'opgeslagen' zijn, niet net iets beter geordent zijn, maar het scriptje is verder super vet wel gaaf man !

Hoe lang ben je daar wel niet mej bezig geweesT?

donderdag 27 september 2001 22:04

Acties:

crisp

Devver

Pixelated

Op donderdag 27 september 2001 21:30 schreef r0bert het volgende:
Hej .. kheb nog even wat door je JSje(s) zitten neusen ..
jammer dat de arrays waar de schilderijen in 'opgeslagen' zijn, niet net iets beter geordent zijn, maar het scriptje is verder super vet wel gaaf man !

Hoe lang ben je daar wel niet mej bezig geweesT?

Uiteindelijk wil ik de schilderijen in een SQL DB gaan opslaan en de boel omzetten naar PHP. Echter moet ik dan eerst nog PHP gaan leren

De eerste opzet zonder instellingen heeft me denk ik zo'n uurtje of 6 gekost. Het inbakken van flexibele instellingen ook zoiets denk, dus dat valt nog wel mee. De hele site zit zo'n 80 uur werk in op dit moment inclusief het inscannen van alle schilderijen etc.

Intentionally left blank

donderdag 27 september 2001 22:09

Acties:

r0bert

Pff .. lekker bezig ..

Trouwens .. als je op instellingen klikt .. en dan op Jan Bleij ofzo.. dan werkt het nog niet helemaal lekker .. krijg nog geen Jan te zien ?!

donderdag 27 september 2001 22:40

Acties:

crisp

Devver

Pixelated

Op donderdag 27 september 2001 22:09 schreef r0bert het volgende:
Pff .. lekker bezig ..

Trouwens .. als je op instellingen klikt .. en dan op Jan Bleij ofzo.. dan werkt het nog niet helemaal lekker .. krijg nog geen Jan te zien ?!

Jan krijg je dan niet te zien nee, maar wel zijn schilderij(en) als het goed is. Het is dus de bedoeling dat er ook informatie over alle schilders bijkomt; dan kan je op de naam klikken (staan nu alleen nog maar een paar lege pagina's voor enkele schilders).

Intentionally left blank

Pagina: 1

Reageer