Ga naar inhoud

Gezocht Lightbox

Robinho

Door Robinho
in Archief Website Hulp & Scripts

 Delen

Aanbevolen berichten

Robinho Meewerkend lid

Robinho

Geplaatst:
Geplaatst:

hallo iedereen,

ik was wel eens op een site waar ik op een foto klikte en toen kwam de foto in het minden van het beeld en de achtergrond word duister nu wil ik weten wie heeft er verstand van en heeft iemand z´n script voor mij??

als je hier op deze site een afbeelding klikt krijg je ook z´n lightbox miss kan er wat mee maar als je een script heb heel er bedankt!!

Alvast bedankt

Groetjes Robinho:)

Link naar reactie
Delen op andere sites
leroy Mentor

leroy

Geplaatst:
Geplaatst:

hoe je hem moet toepassen is heel simpel

je zet dit in je head tags (OP DEZE VOLGORDE!)

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

en je zorgt dat de bestanden die je download in een mapje js staan

dus heb je zoiets:

[ATTACH]1286[/ATTACH]

en in je bestanden die in je root map staan zet je dus de bovenstaande code neer...

en staan de bestanden in je root map en dan in nog een map bijvoorbeeld test dan wordt de src (source) 

../js/prototype.js
enz...
ook die met de CSS

de afbeeldingen die je dan zo wilt laten openen geef je dit mee

[font=monospace]
[/font]<a href="http://www.pc-helpforum.be/images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

nu wordt het linkje image #1 geopend in een schermpje... je kunt dit ook veranderen naar een plaaatje... dan doe je de tekst die tussen de ilnk tags staat, veranderern door een image tag met als eigenschap: 'border="0" '

want anders krijgt hij een blauw randje om de afbeelding..

wil je meerdere afbeeldingen in een soort carousel laten lopen. dan geef je in plaats van rel="lightbox" mee maar rel="lightbox[carousel]" of rel="lightbox[chocolade]" of rel="lightbox[reeks1]" (wat er tussen de haakjes staat maakt niet uit... als de afbeeldingen maar dezelfde tekst tussen de haakjes hebben staan) en dan bij een andere afbeelding hetzelfde... dan doet het script het voor jou in een soort carousel zetten.. je hoeft dan niet persé de afbeelding of het linkje te laten weergeven.... maar dan zet hij gewoon 1 afbeelding neer en dan kun je meerdere afbeeldingen laten weergeven.

Dit zou handig zijn als je website over producten gaat zoals chocolade ofso.. dan kun je op een algemeen knopje praline drukken. en dan geeft hij meerdere foto's weer van praline chocolade.

Ik hoop dat je hiermee een beetje op weg bent gebracht..

Lukt hiet niet? laat het dan maar weten.

Groeten,

Leroy

post-1340-1417703780,6501_thumb.jpg

Link naar reactie
Delen op andere sites
Robinho Meewerkend lid

Robinho

Geplaatst:
  • Auteur
Geplaatst:

Hallo iedereen,

IKke heb het gedownload maar als ik op een foto klik komt er 1 foto maar ik wil meer foto's dat ik op next kan klikken

nu heb ik dit script maar nu wil ik in plaats van 1 foto bijvoorbeeld 3 foto's

wat moet ik veranderen ??

Alvast bedankt

Groetjes Robinho

<head> 

<title>Lightbox JS v2.0 | Test Page</title> 

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 

<script src="js/prototype.js" type="text/javascript"></script> 
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> 
<script src="js/lightbox.js" type="text/javascript"></script> 

<style type="text/css"> 
	body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;	}
</style> 

</head> 
<body> 




<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a> <BR><BR><BR>








</body> 
</html>

Link naar reactie
Delen op andere sites
leroy Mentor

leroy

Geplaatst:
Geplaatst:

zoals ik ook al eerder heb vermeld:

(citaat uit mijn vorig bericht)

wil je meerdere afbeeldingen in een soort carousel laten lopen. dan geef je in plaats van rel="lightbox" mee maar rel="lightbox[carousel]" of rel="lightbox[chocolade]" of rel="lightbox[reeks1]" (wat er tussen de haakjes staat maakt niet uit... als de afbeeldingen maar dezelfde tekst tussen de haakjes hebben staan) en dan bij een andere afbeelding hetzelfde... dan doet het script het voor jou in een soort carousel zetten.. je hoeft dan niet persé de afbeelding of het linkje te laten weergeven.... maar dan zet hij gewoon 1 afbeelding neer en dan kun je meerdere afbeeldingen laten weergeven.

Dit zou handig zijn als je website over producten gaat zoals chocolade ofso.. dan kun je op een algemeen knopje praline drukken. en dan geeft hij meerdere foto's weer van praline chocolade.

Link naar reactie
Delen op andere sites
 Delen
Ga naar topic overzicht
Logo

OVER ONS

PC Helpforum helpt GRATIS computergebruikers sinds juli 2006. Ons team geeft via het forum professioneel antwoord op uw vragen en probeert uw pc problemen zo snel mogelijk op te lossen. Word lid vandaag, plaats je vraag online en het PC Helpforum-team helpt u graag verder!

SITEMAP

×
×
  • Nieuwe aanmaken...

Belangrijke informatie

We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.