Linkek előnézeti képe 2
Demo és kód a Tovább… link mögött.
Demo: (húzd az egered a linkre)
A JavaScript itt tölthető le:
http://www.websnapr.com/previewbubble/ (Download)
- A kicsomagolt mappában találsz 1 kép, és 1 JavaScript fájlt.
1: previewbubble.js 2: bg.png - FTP program segítségével másold fel a tárhelyedre a két fájlt.
(a képet lehetőleg az IMAGES mappába – ha ez nem lehetséges, akkor a previewbubble.js fájlban írd át a kód elején található kép elérési útját)
// Point this variable to the correct location of the bg.png file
var bubbleImagePath = ‘/images/bg.png’; - Illeszd be a honlapod forráskódjába ezt a kódot:
<script type=”text/javascript” src=”previewbubble.js“></script>
(értelemszerűen a previewbubble.js fájl elérési útját javítsd – ha azt egy mappába raktad, így:
<script type=”text/javascript” src=”MAPPA-NEVE/previewbubble.js“></script> - Amely linkre előnézeti képet szeretnél rakni, – annál a linknél-, a HTML kódjába, illeszd be ezt az utasítást: class=”previewlink”
Így:
<a class=”previewlink” href=http://www.phpstudio.hu>A link szövege</a>
Ha elakadnál, GO! a Fórumba.
Király naagyon csak iE-ben nem mÜködik
ez hol tárolja el a képeket?mert rossz linkre raktam és azt a képet mutatja javitás után is
köszönöm szépen
nálam valamiért nem mutat semmi előnézeti képet, pedig mindent úgy csináltam ahogy le van írva :S