Plaatjes, groot groter download

[Verwijderd]

Goedemiddag,

Dit is denk ik wel aan de 'easy' kant maar ik kom er niet uit. Ik werk in Dreamweaver met div-tags. Het volgende, ik zou graag een paar plaatjes op me site hebben in thumbnail vorm. 100 bij 100 px bijvoorbeeld. Wanneer je op een plaatje klik word hij groter 750 bij 750 px bijv. En als je daar dan weer op klikt word er een bestand gedownload. Denk bijvoorbeeld aan een PSD bestand die eerst in JPG word weergeven 100 bij 100 er word op geklikt hij word groter 750 bij 750 je klikt er nog is op en het bestand word binnen gehaald.

Zelf dacht ik aan lightbox maar kan ik daar uiteindelijk een bestand aan koppelen?

Iemand die me kan helpen?

Alvast bedankt.

Met vriendelijke groet,
HnDj

[RobIII]

Ja dat kan. Keywords: Thumbnails, enlarge, download. Zoiets.

[Verwijderd]

Goedemiddag,

Heb je enig idee waar ik kan het beste na kan gaan kijken? Lightbox? Of gewoon iets simpelers?

Met vriendelijke groet,
HnDj

[RobIII]

Lightbox kan ja. Maar wat heb je zelf al geprobeerd/gezocht/gevonden eigenlijk? (Zie ook onze Quickstart).

[Verwijderd]

Goedemiddag,

Uiteraard heb ik al wat gezocht. En het zoeken stopte bij lightbox. Dat lijkt me een mooi systeem, maar ik heb geen flauw idee waar ik moet zijn voor die laatste stap. Het downloaden.

Daarom de vraag aan jullie dus.

Met vriendelijke groet,
HnDj

[Wiethoofd]

Je kunt een <a> om een <img> heen wrappen of een <a> onder de <img> positioneren in je lightbox div. Zoek de gemiddelde lightbox eens op, klik ze open en kijk wat er allemaal nog bij/onder/tussen je plaatjes kwijt kunt.

[GewoonWatSpulle]

We doen elkaar overigens niet de groeten en we weten allemaal dat het middag is.

Wat je zou kunnen doen is kijken naar een .htaccess bestandje welke 110x110 en 750x750 laat zien en 2000x2000 bijvoorbeeld als x-download aanbied, wel een geadvanceerde oplossing maar je hoeft er na niks meer voor te doen.

[Verwijderd]

Nou, nou is dat verboden hier?

In ieder geval bedankt voor de informatie.

Geen groeten dus..

[ Voor 30% gewijzigd door Verwijderd op 15-03-2012 15:01 ]

[RobIII]

Verwijderd schreef op donderdag 15 maart 2012 @ 14:53:
Uiteraard heb ik al wat gezocht. En het zoeken stopte bij lightbox. Dat lijkt me een mooi systeem, maar ik heb geen flauw idee waar ik moet zijn voor die laatste stap. Het downloaden.

Daarom de vraag aan jullie dus.

Dan stel je de vraag aan de verkeerde Begin eens bij de documentatie van de (een van vele duizenden) lightbox die je gevonden hebt (of geef even aan over wélke lightbox je het hebt). Het ("geforceerd") downloaden van een afbeelding gebeurt met HTTP headers; met een content-type van "application/octet-stream" oid en een content-disposition: attachment; filename=foo.jpg moet je een heel eind komen.

Verwijderd schreef op donderdag 15 maart 2012 @ 15:00:
Nou, nou is dat verboden hier?

Nee, maar het is niet nodig. Als je graag wil groeten, ga vooral je gang, maar het leest gewoon nogal vervelend als er na elk bericht (zeker in dezelfde thread) steeds groeten staan
Wij tweakers doen elkaar permanent de groeten

Verder: ik schop je topic wel even naar WEB: Waar hoort mijn topic?
PRG >> WEB

[ Voor 28% gewijzigd door RobIII op 15-03-2012 15:04 ]

[Verwijderd]

Bedankt voor de informatie, ik heb lightbox nu geïnstalleerd. Alleen nu zit ik met het probleem, van downloaden. Waar moet ik hem tussen zetten:

code:

<p><a href="werk/appelfull.jpg" rel="lightbox" title="Appel!"><img src="werk/appelthumb.jpg" alt="" border="0"/></a></p>

Die appel, is slechts een voorbeeld. Het is ook goed, wanneer die title Download wordt, en daar het bestand aan gelinkt zit. Alleen weet ik niet hoe ik dit het beste kan doen.

[TERW_DAN]

HTML:

<a href='bestand.ext'>Download</a>

Die gewoon toevoegen onder de lightbox die je ziet is dan wat je wil?

En anders iets als dit

HTML:

<a href='bestand.ext'><img src='werk/appelfull.jpg'></a>

Of denk ik nu te simpel?

[Verwijderd]

Waar zou ik die code dan moeten plaatsen, in die code die ik eerder posten? Die code die je me gaf komt namelijk naast de afbeelding te staan. In de afbeelding hieronder zie je een rood vak, en daar zou ik die link graag in willen, dat is dus die title waar ik het over had. Is dit mogelijk?



Ik ben nogal 'noob' in dit gebied.

CODE AFBEELDING:

code:

<p><a href="werk/appelfull.jpg" rel="lightbox" title="Appel!"><img src="werk/appelthumb.jpg" alt="" border="0"/></a></p>

[ Voor 29% gewijzigd door Verwijderd op 15-03-2012 17:11 ]

[TERW_DAN]

Dat kan, dan moet je even kijken welk element je daarvoor wilt gebruiken, en daar je anchor omheen zetten.

dus stel je hebt nu

HTML:

<div>
titel van plaatje
<img src=plaatje>
</div>

Dan maak je daar van:

HTML:

<div>
<a href='linkje'>titel van plaatje</a>
<img src=plaatje>
</div>

[RobIII]

Lees nou gewoon eens de documentatie; daar staat 't letterlijk in:

quote: http://lokeshdhakar.com/projects/lightbox2/#support

Can I insert links in the caption?
Yes, but you need to convert quotes and greater and less than symbols into their html entity equivalents. For example:

HTML:

<a href="images/image-4.jpg" rel="lightbox" title="&lt;a href=&quot;link.html&quot;&gt;my link&lt;/a&gt;">Image</a>

Wat TERW_DAN zegt gaat voor jou niet op; althans: niet als je de lightbox gebruikt die ik vermoed die je gebruikt. Maar dat vroeg ik al eerder: geef even aan wélke lightbox van de 10miljardmiljoen lightboxes je gebruikt.

[ Voor 39% gewijzigd door RobIII op 15-03-2012 17:25 ]

[Mercatres]

Of je kijkt gewoon in de documentatie van je lightbox, daar staat vaak ook bij welke parameters je kan doorgeven. Bijvoorbeeld de parameter "showDownloadLink" ofzo, die dan in de lightbox een link geeft naar de fullsize afbeelding.

[Verwijderd]

Allemaal, hartstikke bedankt! Het is gelukt, grote dank. Heb het gedaan met de manier van hierboven @RobIII

[ Voor 32% gewijzigd door Verwijderd op 15-03-2012 18:11 ]