2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Képváltó kód 01.


Javascript kód
A .js fájlokat töltsétek le, majd töltsétek fel a tárhelyetekre, az URL címét pedig cseréljétek le a kódban. Kiemeltem az URL részt a Javascript kódban.
G-Portálosoknak: A .js fájlokat oldaladon a Médiatárba töltsd fel!
kepvalto-fejlec-script-01.js, kepvalto-fejlec-script-01-01.js
 

<script src="/js/kepvalto-fejlec-script-01.js"></script>
<script src="/js/kepvalto-fejlec-script-01-01.js"></script>


Képváltó kódja
Akkor lesz szép a script, ha minden képed egyforma nagyságú!!!
 

<div id="slideshow">
 <img alt="" class="active" src="/images/scripts/kepvalto-fejlec/01/001.png" />
<img alt="" src="/images/scripts/kepvalto-fejlec/01/002.png" />
<img alt="" src="/images/scripts/kepvalto-fejlec/01/003.png" />
<img alt="" src="/images/scripts/kepvalto-fejlec/01/004.png" />
</div>


CSS kód
 

<style type="text/css">
#slideshow {
    position:relative;
    height:500px; /* képeid magassága */
}
#slideshow IMG {
    position:absolute;
    top:0; /* mennyi pixellel legyen lejjebb a kép a lap tetejétől */
    left:100; /* a lap bal oldalához képest mennyivel legyen jobbra a kép */
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}</style>


2 265 megtekintés

Hozzászólások