11 berichten aan het bekijken - 1 tot 11 (van in totaal 11)
  • Q:
    Bijdrager
    The JM

    Album uitgeklapt bij terugkomst

    Ik heb een foto-pagina gemaakt met albums erop. Als je op de pagina komt dan zie je alleen de tekst ‘abum1’ en ‘album 2′ staan, en als je op bijv. album1 klikt dan wordt d.m.v. een javascriptje de div zichtbaar waar de thumbnails van album1 in staan.
    Als je dan de grote foto’s bekijkt uit album1 en je wordt terug verwezen naar de foto-index dan is het zo dat album1 ingeklapt is, maar ik wil dat het uitgeklapt is als je vanaf een foto terug gaat. Hoe doe ik dit?

    Bijdrager
    The JM

    Iemand?

    Bijdrager
    nipro

    Heb je een voorbeeldje / de code? Dat praat wat makkelijker, nu kan het van alles zijn.

    Bijdrager
    The JM

    Ohja, tuurlijk. Nou, dit is het javascriptje om de div wel/niet te tonen:

    [code:1:7ea5db6b28]<script type="text/javascript">
    var AlbumStatus = 0;
    function hideshowAlbum(which,act)
    {
    if (which.style.display == "none")
    {
    which.style.display = "block";
    if(act == ‘album’)
    {
    AlbumStatus = 1;
    }
    }
    else
    {
    which.style.display = "none";
    if(act == ‘album’)
    {
    AlbumStatus = 0;
    }
    }
    }
    </script>[/code:1:7ea5db6b28]

    Ik heb trouwens ook nog een klein javascriptje om een driehoekje te kantelen, maar dat is bijzaak.

    Dit is de naam van het fotoalbum:

    [code:1:7ea5db6b28]echo "<div id="fotoalbum"><a onclick="change(’driehoek’),hideshowAlbum(document.getElementById(’album1’),’album’); return false" onfocus="blur()"><img name="driehoek" src="afbeeldingen/driehoekW.tif" border="0">Albumnaam</a></div>";[/code:1:7ea5db6b28]

    Als je er op klikt, dan wordt een div getoond of verborgen:

    [code:1:7ea5db6b28]echo ‘<div id="album1" style="display:none;">’;
    echo ‘<div id="thumbwrap">’;
    for ($nummer = 1; $nummer <= 24; $nummer ++)
    {
    echo ‘<div id="thumb">’;
    echo ‘<a href="fotos.php?album=album&foto=’ . $nummer . ‘" onfocus="blur()"><img class="thumb" src="fotos/album/thumbs/foto-‘ . $nummer . ‘.jpg" title="Klik voor een vergroting" border="0"></a>’;
    echo ‘</div>’;
    }
    echo "<div id="fotomade"><div class="onderschrift">Foto’s gemaakt door Henk Roemen</div></div>";
    echo ‘</div>’;
    echo ‘</div>’;[/code:1:7ea5db6b28]

    Bijdrager
    The JM

    Laat maar, ik heb ‘m al gevonden:)

    Bijdrager
    bartje

    Vertel dan wat je hebt gevonden;)

    Bijdrager
    The JM

    Eigenlijk het meest logische:P Ik heb nu gewerkt met de variabele ‘view’. view=all: Alles is ingeklapt; view=album1: album1 is uitgeklapt; view=album2: album2 is uitgeklapt etc.
    De link in album1 die terugwijst naar de foto-index geeft dus aan de pagina fotos.php de variable view=album1 mee.

    Dat album is uitgeklapt omdat de display van de div ‘block’ is. Waarom heb ik dat gisteren niet bedacht:P

    Bijdrager
    nipro

    Totaal offtopic.. maar een Javascript Framework zou je code een stuk overzichtelijker maken.. http://jquery.com/

    Bijdrager
    The JM

    Waarom heb ik een Javascript Framework nodig? Zo werkt het toch ook? En voor mij is het zo ook overzichtelijk…

    Bijdrager
    nipro

    Tuurlijk werkt het zo ook, maar of het makkelijker is.. Beslis dat voor jezelf, het was maar een tip.

    Bijdrager
    The JM

    Ok, bedankt:)

11 berichten aan het bekijken - 1 tot 11 (van in totaal 11)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.