2018. 04. 18.Videó | PNG készítése Photoshop-ban
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
2018. 04. 01.Gif készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
78 napja
110 néző

WordPress themes

WordPress themes
79 napja
114 néző

G-Portál themes

G-Portál themes
79 napja
67 néző

Tumblr themes

Tumblr themes
79 napja
99 néző

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 409 megtekintés

Hozzászólások