Találtam egy HTML +CSS3 alatt készült képgalériát. Ezt átalakítottam egy kicsit úgy, hogy kiszedtem a gombokat, megnyújtottam a képeket, majd csináltam hozzá egy kis JavaScript programocskát, ami folyamatosan (5 másodpercenként) váltogatja a képeket. Ezt akartam berakni egy honlapra fejlécképnek, csak az a baj vele, hogy minden képváltásnál odaugrik az oldal a fejléchez, mintha egy hivatkozásra kattintanék. Na, ezt nem szeretném, mert ez használhatatlanná tenné az oldalt. Erre tudtok valami megoldást? A kód: {syntaxhighlighter SPEC} HTML5 & CSS3 Image Slider Gallery CSS3 Image Slider Gallery #container { /*container elem definiálása, középre igazítás, margó beállítás*/ width: 800px; margin: 50px auto; text-align: center; } header { margin-bottom: 50px; /*oldal tetejétől a behúzás, hogy szebb legyen*/ } h1 { font-size: 24px; font-weight: bold; color: #8b66bc; /*h1 szöveg stílusa*/ } #images { width: 800px; /*képméretezés*/ height: 375px; margin: 25px auto; overflow: hidden; /*képek egymásra pozíciónálása, behúzás*/ position: relative; } #images img { width: 800px; /*méretek megadása*/ height: 150px; position: absolute; /*újabb pozícionálás az átfedés miatt*/ left: -700px; /*balról hozza az új képet, ezért -*/ top: 0; z-index: 1; /*áttűnés efektért felel*/ opacity: 0; /*átlátszóság*/ transition: all linear 600ms; /* maga a slide effekt, a csúszás*/ -o-transition: all linear 600ms; -moz-transition: all linear 600ms; -webkit-transition: all linear 600ms; } #images img:target { left: 0; /*kép igazítása, átlátszóság megszüntetése*/ z-index: 8; opacity: 1; } #images img:first-child { left: 0; /*hogy legyen alul egy kép konkrétan az 1-es és látható is legyen*/ opacity: 1; } function mehet(){ var i = 1; while (i {/syntaxhighlighter} Köszi a segítséget mindenkinek! :)

HTML5+CSS3 képrakosgató

raén

Találtam egy HTML +CSS3 alatt készült képgalériát. Ezt átalakítottam egy kicsit úgy, hogy kiszedtem a gombokat, megnyújtottam a képeket, majd csináltam hozzá egy kis JavaScript programocskát, ami folyamatosan (5 másodpercenként) váltogatja a képeket. Ezt akartam berakni egy honlapra fejlécképnek, csak az a baj vele, hogy minden képváltásnál odaugrik az oldal a fejléchez, mintha egy hivatkozásra kattintanék. Na, ezt nem szeretném, mert ez használhatatlanná tenné az oldalt. Erre tudtok valami megoldást? A kód: {syntaxhighlighter SPEC} HTML5 & CSS3 Image Slider Gallery

CSS3 Image Slider Gallery

{/syntaxhighlighter} Köszi a segítséget mindenkinek! :)

szkajt

Emiatt van: "location.href='#image2'" Javaslom, hogy nézz szét a már kifejlesztett megoldások között, paraméterezésük általában pofonegyszerű: pl. http://www.tripwiremagazine.com/2012/09/jquery-image-slider-plugins.html http://www.1stwebdesigner.com/design/jquery-image-2012/