Ú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
- Bemutatkoztak a Microsoft aktuális Surface gépei
- WLAN, WiFi, vezeték nélküli hálózat
- Hatalmas, 16K felbontású, szemüveg nélküli 3D kijelzőt villantott a BOE
- Okos Otthon / Smart Home
- Xbox tulajok OFF topicja
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- Milyen széket vegyek?
- Vicces képek
- Vezeték nélküli fülhallgatók
- Jobb zoom, egyszerűbb kijelző - megérkezett a Sony Xperia 1 VI
- További aktív témák...
- ÉRKEZETT Legújabb Bontatlan Új M2 IPAD PRO 2022 11 128GB - 256GB Wi-Fi Azonnal Deák Térnél Átvehető.
- Bontatlan ÚJ IPHONE 13 mini 128-512Gb gyári független Minden Szín Deák Térnél Azonnal Átvehető.
- BONTATLAN Új Iphone 14 és 14 Plus 128-512GB 1év APPLE garancia gyári független Deák AZONNAL Átvehető
- AKCIÓ! Új Bontatlan 2022 MacBook Pro 13" Apple M2 chip/8GB//256GB Magyar Billentyű Azonnal DEÁK TÉR
- ÚJ BONTATLAN Apple Watch Se Series SE 2023 40-44mm Azonnal Átvehető DEÁK TÉRNÉL 1 Év apple Garancia.
- G.Skill Flare F4-3200C14D-16GFX 2
- IBM xSerie eServer 220, 330 HDD CADDY, CADIE, HDD keret, tartó, csúszka, rögzítő, holder, illesztő
- HP Pakk: i5-4460, 8GB RAM, GT 730 2GB, 120GB SSD, 500GB HDD, Win11, monitor, billentyűzet, egér
- HELLBLADE Senua s Sacrifice PS4 / PS5
- Eladó Eredeti Carlo Colucci póló jó állapotban
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: Ozeki Kft.
Város: Debrecen