- iPhone topik
- Fotók, videók mobillal
- Motorola Edge 50 Neo - az egyensúly gyengesége
- Megjelent a Poco F7, eurós ára is van már
- Yettel topik
- Samsung Galaxy A56 - megbízható középszerűség
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- Egy óra, két rendszer
- Android alkalmazások - szoftver kibeszélő topik
- Magisk
Új hozzászólás Aktív témák
-
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.
-
Sk8erPeter
nagyúr
válasz
TOTAL LOKI #994 üzenetére
Küldd el ismét a próbákat priviben, ahogy múltkor!
-
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. -
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.
-
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
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?
-
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
}); -
v2izzy
tag
válasz
TOTAL LOKI #979 üzenetére
Ha csak chrome-ra csinálod: [link]
-
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. -
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?
-
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
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.
-
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.
-
Karma
félisten
válasz
TOTAL LOKI #959 üzenetére
-
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)
-
martonx
veterán
válasz
TOTAL LOKI #373 üzenetére
mondjuk átírod a hivatkozást a sajátjaidra?
-
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.
-
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.
Új hozzászólás Aktív témák
Hirdetés
- Lian Li ITX Gamer PC - AMD R5 5600, RX 6700 XT, 16GB, 1TB, Win11 Pro - ELADÓ!
- Újszerű Lenovo Thinkpad L14 G5 (Gen5) AMD Ryzen 5 7535U 16GB RAM 512GB SSD Win11Pro Gari: 25.09
- BESZÁMÍTÁS! MSI B450 R5 5500 16GB DDR4 512GB SSD RTX 2060 Super 8GB Rampage SHIVA TT 500W
- BESZÁMÍTÁS! GIGABYTE B660M i7 13700 32GB DDR4 512GB SSD RX 6800 16GB Thermaltake Core X5 GB 850W
- BESZÁMÍTÁS! MSI B450 R5 5500 16GB DDR4 512GB SSD RTX 2060 Super 8GB SilentiumPC Signum SG1V TT 500W
- Konzol felvásárlás!! Playstation 5, Playstation 5 Pro
- Bomba ár! Dell Latitude E6520 - i5-2GEN I 6GB I 320GB I HDMI I 15,6" HD+ I W10 I Gari!
- Lenovo Thinkpad L14 Gen 4 -14"FHD IPS - i5-1335U - 8GB - 256GB - Win11 - 2 év garancia - MAGYAR
- Apple iPhone 13 128GB, Kártyafüggetlen, 1 Év Garanciával
- Bomba ár! HP ProBook 440 G10 - i5-1335U I 16GB I 256SSD I 14" FHD I Cam I W11 I Garancia!
Állásajánlatok
Cég: CAMERA-PRO Hungary Kft
Város: Budapest
Cég: Promenade Publishing House Kft.
Város: Budapest