Hirdetés
- Megújult a Linkin Park
- eBay-es kütyük kis pénzért
- Konvektor korszerűsítés - Computherm KonvekPRO felszerelése Q7RF szobatermosztát
- Asszociációs játék. :)
- Itt az új LOGOUT!
- MultiCooker avagy az elektromos kukta. Ötletek, tippek, tanácsok, receptek.
- Fűzzük össze a szavakat :)
- Amazon Fire TV Stick 4K Max 2nd
- "A homoszexualitás természetellenes" 😠
- 2024 őszi fórum peca
Új hozzászólás Aktív témák
-
Sk8erPeter
nagyúr
válasz TOTAL LOKI #355 üzenetére
Itt készítettem neked egy leegyszerűsített példát:
[link]Kérdés, ennek mintájára tudsz-e készíteni hasonlót.
Sk8erPeter
-
martonx
veterán
válasz TOTAL LOKI #355 üzenetére
Így van, ezt könnyen meg tudod oldani jquery-vel. Kicsit tanulmányozd a Jquery animációkra vonatkozó dokumentációt.
Én kérek elnézést!
-
martonx
veterán
-
Cathfaern
nagyúr
válasz TOTAL LOKI #959 üzenetére
Ezt tud ilyesmit (minimalist demot nézd meg, az is bőven elég lesz neked)
-
Karma
félisten
-
Sk8erPeter
nagyúr
válasz TOTAL LOKI #964 üzenetére
Ezt ajánlanám, nagyon könnyen konfigurálható:
jQuery Cycle Plugin
Nálam bevált, használom is.
Szerk.: konkrétan pl. a fade effecttel lenne szépen megoldható, úgy, hogy egymás után teszed a fekete-fehér képet, és a színeset.
Pl.:
$('#pics').cycle({
fx: 'fade',
speed: 1500
});
Segítek, ha elakadtál.(#961) Karma : ez a jQuery Slick Plugin tényleg nagyon jó, köszi, nekem is jól jöhet.
[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz TOTAL LOKI #964 üzenetére
Feltettem neked ide egy működő példát a jQuery Cycle Pluginnel:
http://jsfiddle.net/Sk8erPeter/LV5FB/Természetesen az is megoldható, hogy csak adott alkalommal fusson le az animáció - például a callback függvényekkel megoldható, hogy az átmenet csak egyszer történjen meg.
[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz TOTAL LOKI #967 üzenetére
Szerintem lehetett valami para a jsFiddle-lel, amikor készítettem, iszonyatosan lassú volt, lehet, hogy az volt az oka.
Próbáld már ki légyszi megint, mert nálam HÁROM böngészőben is teljesen jól megy. Váltogatja a képeket már egy ideje.(#968) Karma : nyilván overkill lenne előbbihez, de most nem értem, egyikőtöknél sem működik? Mert én eddig Chrome-ban, Operában és Firefoxban néztem, mindegyikben jó volt.
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz TOTAL LOKI #972 üzenetére
Hát nem ártana tudni, milyen kódot írtál... Anélkül nehéz lesz segíteni!
Rakd fel Te is jsFiddle-re a kódodat.Szerk.: ja, jut eszembe, jQuery-t include-oltad?
[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz TOTAL LOKI #975 üzenetére
Akkor nem csoda, hogy nem megy.
http://code.jquery.com/jquery-1.7.2.min.js
http://malsup.github.com/jquery.cycle.all.jsEzt a kettőt töltsd le magadhoz, és ilyen sorrendben tedd be a script tagek közé, ahogy a java.js-t is betetted.
Ezután pedig szépen nevezd át a java.js-t legalább javascript.js-re, mert ez nem Java, hanem JavaScript.
Szerk.: meg ha már van egy külső JS-fájlod, akkor tedd inkább abba a JS-kódokat.[ Szerkesztve ]
Sk8erPeter
-
v2izzy
tag
válasz TOTAL LOKI #979 üzenetére
Ha csak chrome-ra csinálod: [link]
http://flic.kr/ps/MuuJU | @gerhard_berger | https://github.com/gerhardberger
-
Sk8erPeter
nagyúr
válasz TOTAL LOKI #979 üzenetére
Mé' nem mutatsz kódot?
Szerk.: jah, most látom, hogy írtál privit.
A probléma ennyi: nem használtál $(document).ready()-t. Én direkt betettem a példakódomba... az valóban megtévesztő, hogy a jsFiddle-nél nem minden esetben kell alkalmazni, ezért ez a példa vitt félre téged. Ha megnézed, jsFiddle-nél az itt pirossal bekeretezett rész miatt van az, hogy nem kell írni a $(document).ready()-t.
Először is: melyiket szeretnéd használni, a Cycle Plugint, vagy pedig a Karma által mutatott kódot? Felhasználástól függ, hogy melyik lesz neked jobb.
Mindenesetre bármelyiket is, azt így használd:$(document).ready(function(){
// ide jön a kód!!!!!!!!!444négyNÉGYNÉGYNÉGY
});[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz TOTAL LOKI #984 üzenetére
Karma fentebb mutatott kódja ennek a követelménynek pontosan megfelel. Akkor ezek szerint neked totál felesleges a Cycle Plugin, erre a feladatra felejtsd el.
(#978) Karma :
img {
&:first-child {
position: relative;
}
position: absolute;
}De durva, ezt még eddigi pályafutásom során így soha nem használtam. Ennek a működése gondolom IE-ben - sok máshoz hasonlóan - nem túl százas, nem?
[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz TOTAL LOKI #986 üzenetére
Szívesen! De Karmának köszönd, végül is az ő megoldása lesz neked jó ezek szerint.
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz TOTAL LOKI #989 üzenetére
A CSS-részt is másold le, mert anélkül semmit nem ér az egész! JSFiddle-ben jobb fölső sarok. Ami fontos tudnivaló a CSS-sel kapcsolatban, hogy <head>-részben a title és meta tagek után mehet, de még a <script> tagek előtt legyen, szóval röviden első a stílusfájl.
[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz TOTAL LOKI #991 üzenetére
Az nem baj, SŐT, a scriptekhez hasonlóan az is úgy a jobb. Kettő szempontból: a böngésző így gyorsítótárazni tudja, plusz könnyebb így kezelni.
// $(".magicbox").children(":nth-child(2)").hide();
Ezt a sort miért kommentelted ki? Nem mintha ez okozná a problémát a szétesésnél.[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
-
Karma
félisten
válasz TOTAL LOKI #994 üzenetére
Izé, a jobb felső sarokban nem CSS, hanem SCSS panel van!
Csak úgy nem lehet átmásolni.Szolgálati közlemény: Mostantól itt érhető el az eddigi példám (kapott egy Set as base-t).
Sk8erPeter: SCSS előfeldolgozás nélkül semmilyen böngészőben nem működik IE alatt mondjuk nem próbáltam egyáltalán, mindjárt megnézem.
Igazából éles környezetben nem is a Sasst, hanem a LESS-t szoktam használni, mert van hozzá Maven plugin, és nagyon szépen beleillik a fejlesztési folyamatba. A szintaxis és featureset nagyon hasonló. Sőt, a LESS-t lehet előfeldolgozás nélkül is használni, csak egy JS fájlt kell behúzni pluszban.
[ Szerkesztve ]
“All nothings are not equal.”
Új hozzászólás Aktív témák
Hirdetés
Állásajánlatok
Cég: Ozeki Kft
Város: Debrecen
Cég: Ozeki Kft
Város: Debrecen