Ingezonden door Geert (Gladstone)
Kijk bij mij Speciale Layout's klik daarop en kies een layout uit, en klik daarna op de afbeelding.
Nu springt de afbeelding open.
Lightbox wat is dat !!
De klant heeft de mogelijkheid in jou webwinkel op de kleine foto te klikken, en dan wordt de foto uitvergroot en weergegeven.
Open bijv. Kladblok of Editpad wat hier te downloaden valt.
Open je layout en open artlist.html
Plaatst deze regels onder de <head> zoals hieronder staat vermeld.
}
//-->
</script>
</head>
<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" />
Dan zoek je naar de volgende tekst en die verwijder je.
<A HREF="<LV_ARTICLES_PAGE/>"><LV_ARTICLES_PICTURESMALL/></A>
En zet deze regel er voor in de plaatst.
<a href="b_<LV_ARTICLES_NR/>.jpg" rel="lightbox[roadtrip]"
title="<LV_ARTICLES_DESCRIPTION/>"><LV_ARTICLES_PICTURESMALL/></a>
Daarna opslaan, en je layout opnieuw selecteren in MWW
Dan heb je nog het script nodig, wat je op je server moet zetten.
Het bestand uitpakken op je harddisk neerzetten, dan zie je in die map van lightbox 3 mapjes staan
images, js, css en de map zelf van lightbox.
Je moet eerst je webwinkel opnieuw uploaden naar je server.
Als je de webwinkel op de server staat, moet je via een apart programma bijvoorbeeld WS-FTP het script daar naar toe kopieren. Eerst kopieer je de drie losse mapjes in je webwinkel js, images, css.
Daarna kopieer nog een keer volledig de map lightbox in je webwinkel.
Voorbeeld naar server toe.
Problemen met lightbox
Als je problemen heb dat lightbox niet wilt werken, kan je het volgende eens uitproberen.
Open artlist.html tussen de <head> staat ook dit:
}
//-->
</script>
Haal dit eens weg:
}
//-->
en sla artlist.html weer op, dan je layout opnieuw selecteren in MWW.
Daarna je webwinkel opnieuw Publiceren naar de server.
Mocht dit ook niet helpen, dan open je weer artlist.html, en zet dit weer terug op zijn plaatst.
}
//-->
Dan zoek je naar:
<a href="b_<LV_ARTICLES_NR/>.jpg" rel="lightbox "title="<LV_ARTICLES_DESCRIPTION/>"><LV_ARTICLES_PICTURESMALL/></a>
En voeg dit eens toe:
">img src en dit "alt=">
Dan moet dit het worden:
<a href="b_<LV_ARTICLES_NR/>.jpg" rel="lightbox"
title="<LV_ARTICLES_DESCRIPTION/>">img src="<LV_ARTICLES_PICTURESMALL/>"alt="></a>
Met dank van andere forumleden, die het probleem op konden lossen.
Rens
|
