CSS kód
A CSS kódot betettem egy hivatkozásba, amit nektek nem kötelező. (Legalábbis G-Portálon nem) Ott magát a CSS-t egy szélső egyszerű modulba kell másolni //persze máshová is lehet ;)//
A CSS kód innen tölthető le: letöltöm

<link type="text/css" rel="stylesheet" media="screen" href="/js/kepvalto-fejlec-script-06.css" />

A két javascript fájl hozzá
1. nem kell lementeni, csak kimásolni a kódot

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

2. Ezt le kell menteni és feltölteni a saját tárhelyetekre és a kódban cserélni az én URL címemet a tietekre. URL címről itt olvashattok: link
Javascript letöltése

<script type="text/javascript" src="/js/kepvalto-fejlec-script-06.js"></script>

Ez pedig a HTML kód
Itt kell a képek URL címeit bemásolni a megfelelő helyre. Értelemszerűen lehet kevesebb és több képet is tenni bele. A demóban látható a jobb alsó sarokban a hat darab keskeny vízszintes sáv. Attól függően, hogy mennyi képet tesztek bele, az úgy változik automatikusan :)

<div class="AIVEN-scrollSlider"><div class="inner"><a href="link helye" title="Főcím"><img src="KÉP URL CÍME"  /></a><a href="második link helye" title="újabb ismertető"><img src="KÉP URL CÍME"  /></a><a href="megint link helye" title="információ"><img src="KÉP URL CÍME"  /></a><a href="link helye" title="infó róla"><img src="KÉP URL CÍME"  /></a><a href="linkelés" title="mini információ"><img src="KÉP URL CÍME"  /></a><a href="következő link" title="információ a linkről pl"><img src="KÉP URL CÍME"  /></a></div></div>

2 709 megtekintés