Új hozzászólás Aktív témák
-
#996
Karma
félisten
TOTAL LOKI
#994
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.
-
#995
Sk8erPeter
nagyúr
TOTAL LOKI
#994
Sk8erPeter
nagyúr
válasz
TOTAL LOKI
#994
üzenetére
Küldd el ismét a próbákat priviben, ahogy múltkor!
-
#992
Sk8erPeter
nagyúr
TOTAL LOKI
#991
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. -
#990
Sk8erPeter
nagyúr
TOTAL LOKI
#989
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.
-
#987
Sk8erPeter
nagyúr
TOTAL LOKI
#986
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. -
#985
Sk8erPeter
nagyúr
TOTAL LOKI
#984
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? -
#982
Sk8erPeter
nagyúr
TOTAL LOKI
#979
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
}); -
#980
v2izzy
tag
TOTAL LOKI
#979
v2izzy
tag
válasz
TOTAL LOKI
#979
üzenetére
Ha csak chrome-ra csinálod: [link]
-
#976
Sk8erPeter
nagyúr
TOTAL LOKI
#975
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.
-
#974
Sk8erPeter
nagyúr
TOTAL LOKI
#972
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?
-
#969
Sk8erPeter
nagyúr
TOTAL LOKI
#967
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.
-
#966
Sk8erPeter
nagyúr
TOTAL LOKI
#964
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.
-
#965
Sk8erPeter
nagyúr
TOTAL LOKI
#964
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.
-
#961
Karma
félisten
TOTAL LOKI
#959
Karma
félisten
válasz
TOTAL LOKI
#959
üzenetére
-
#960
Cathfaern
nagyúr
TOTAL LOKI
#959
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)
-
#374
martonx
veterán
TOTAL LOKI
#373
martonx
veterán
válasz
TOTAL LOKI
#373
üzenetére
mondjuk átírod a hivatkozást a sajátjaidra?
-
#364
martonx
veterán
TOTAL LOKI
#355
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.
-
#363
Sk8erPeter
nagyúr
TOTAL LOKI
#355
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.
IE alatt mondjuk nem próbáltam egyáltalán, mindjárt megnézem.
Ennek a működése gondolom IE-ben - sok máshoz hasonlóan - nem túl százas, nem?
Új hozzászólás Aktív témák
- Logitech G27 szett eladó! Posta az árban!
- Dell Precision 7560 - Intel Core i9-11950H RTX A4000 32GB 1TB SSD FHD
- Manli NVIDIA GeForce GTX 1650 4 GB hibátlan, 100%-ban tesztelt állapotban!
- NVIDIA Quadro P4000 8 GB hibátlan, 100%-ban tesztelt állapotban!
- Bomba ár! Lenovo ThinkPad T480s - i5-8GEN I 8GB I 256GB I 14" FHD I HDMI I Cam I W11 I Gari!
- Vállalom FRP Lock os telefonok javítását ingyen kiszálással és akár helyszíni javittással
- HIBÁTLAN iPhone 13 Pro 128GB Alphine Green -1 ÉV GARANCIA - Kártyafüggetlen, MS3024, 91% Akkumulátor
- GYÖNYÖRŰ iPhone 13 Pro 128GB Sierra Blue -1 ÉV GARANCIA - Kártyafüggetlen, MS3389, 94% Akkumulátor
- LG 35WN75C-B - 35" Ívelt VA - 3440x1440 - 100Hz 5ms - USB Type-C 60W - AMD FreeSync - HDR 10
- Bomba Ár! Lenovo ThinkPad L14 G2i - i5-1135G7 I 16GB I 256SSD I 14" FHD I Cam I W11 I Gar
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest
Cég: NetGo.hu Kft.
Város: Gödöllő