PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
Max van den Bosch
20-01-2011 17:43
Wat bedoel je precies?
Wil je een andere domeinnaam, of een andere locatie

[size=xsmall]Toevoeging op 20/01/2011 17:46:07:[/size]

(ik ben ook een groentje, maar misschien kan ik je helpen)
Kris Peeters
20-01-2011 17:52
Wat jij wil, is stukken simpeler dan die light box.

Het is gebaseerd op:

<a href="#004863"/>klik</a>
...
<a name="004863">
<img src="..."/>


Klik je op zo'n link, dan gaatde pagina scrollen tot het punt waarop <a name="004863"> bovenaan je pagina komt.
T
Thijs Broekkamp
20-01-2011 17:52
Nee hoe de gallery werkt. Nu klik je op een foto en vergroot ie uit, maar ik wil zoals op de gelinkte site dat je gewoon naar beneden scrollt of op de miniatuur klikt en dat ie dan naar die foto zelf 'scrollt'
Milo S
20-01-2011 18:00
Dan krijg je dus zo iets:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Naamloos document</title>
    </head>
    
    <body>
    
    	<!-- Bar met miniaturen -->
    	<div class="miniatuur_bar">
        	<a href="#00001"><img src="" alt="" /></a>
            <a href="#00002"><img src="" alt="" /></a>
            <a href="#00003"><img src="" alt="" /></a>
            <a href="#00004"><img src="" alt="" /></a>
        </div>
        
        <!-- Blok met uitvergrote foto's -->
        <div class="content">
        	<a name="00001"><img src="" alt="" /></a>
            <a name="00002"><img src="" alt="" /></a>
            <a name="00003"><img src="" alt="" /></a>
            <a name="00004"><img src="" alt="" /></a>
        </div>
    
    </body>
</html>


Dit had je in de broncode kunnen zien, maargoed.
T
Thijs Broekkamp
20-01-2011 19:48
Bedankt voor de reacties! kwam niet in mij op om de bronpagina te bekijken. Maar wat vul je dan hier #00001 in?
Jasper DS
20-01-2011 19:49 gewijzigd op 20-01-2011 19:49
de link van waar de afbeelding staat
Kris Peeters
21-01-2011 10:36 gewijzigd op 21-01-2011 12:42
Gewoon doen wat we je aanraden en wat nadenken.
Zo-iets dus

<div class="miniatuur_bar">
    <a href="#00001"><img src=".../klein/kikker.jpg" alt="Kikker" /></a>
    <a href="#00002"><img src=".../klein/vlinder.jpg" alt="Vlinder" /></a>
    <a href="#00003"><img src=".../klein/vogel.jpg" alt="" /></a>
</div>

<!-- Blok met uitvergrote foto's -->
<div class="content">
    <a name="00001"></a><img src=".../groot/kikker.jpg" alt="" /> <br/>
    <a name="00002"></a><img src=".../groot/vlinder.jpg" alt="" /> <br/>
    <a name="00003"></a><img src=".../groot/vogel.jpg" alt="" /> <br/>
</div>


Je hebt hier 4 soorten elementen.
1) de thumbnail. Zie dat die de juiste src (source = bron) heeft. kikker, vlinder, vogel naast mekaar
2) De grote foto. Zie dat die de juiste src heeft. kikker, vlinder, vogel onder mekaar
3) Omheen (Een Belg zou hier meestal "rond" zeggen) de thumbnail zet je een link in de trend <a href="#ankerpunt"> (thumbnail) </a>
4) het anker: <a name="ankerpunt"></a> (hier komt dan de grote foto)

Bij jou zie ik maar 1 grote foto, ik zie links met als href de src van een afbeelding (met een # voor); dat is niet de bedoeling.

Reageren

Inloggen om te reageren