- Vodafone mobilszolgáltatások
- Milyen okostelefont vegyek?
- Motorola Moto G24 Power - hol van az erő?
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Netfone
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- Ezek a OnePlus 12 és 12R európai árai
- Apple Watch Sport - ez is csak egy okosóra
- Garmin Forerunner 255 Music - nem csak futóknak
- Milyen hagyományos (nem okos-) telefont vegyek?
Hirdetés
-
Ülésezik a hardveregylet
ph Az irodai készülékek és monitorok társaságát egy ház, egy egér és egy DAC egészíti ki.
-
VR játék lesz az Alien: Rogue Incursion
gp Az év végén érkező program PC-re, Meta Quest 3-ra és PlayStation VR2-re érkezik a tervek szerint.
-
Olcsó 5G-s ajánlatot nyújt a Realme Indiának
ma Megérkezett a Realme C65 5G, az első készülék a MediaTek Dimensity 6300-zal.
-
Mobilarena
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
Sk8erPeter
nagyúr
Ennyiből van közük egymáshoz:
http://en.wikipedia.org/wiki/JavaScript
"JavaScript copies many names and naming conventions from Java, but the two languages are otherwise unrelated and have very different semantics."
Annyit próbáltam tudtodra adni, hogy a Java belédverhette volna, hogy értelmezhető kódot írj. Remélhetőleg ott sem művelsz ehhez hasonlókat, mint amit korábban próbáltál.Most igazából mi a kérdésed?
Sk8erPeter
-
Lacces
őstag
válasz Sk8erPeter #3101 üzenetére
Jah, ettől ne félj . Eléggé szeretem követni a Java-s kinézetet .
Most igazából egy másik kérdésem van... (az előzőt hagyjuk )
Ez a prototype, mikor használjuk és pontosan mire való?Példakód, amit találtam.
var myObject = function(name){
this.name = name;
return this;
};
console.log(typeof myObject.prototype); // object
myObject.prototype.getName = function(){
return this.name;
};
(én valahogy azt szűrtem le, hogy a létrehozott objektumokhoz, lehet hozzáadni tagfüggvényeket.)
Tipp, mikor, mire érdemes használni. Ez csak úgy érdekel, mert egyből a jQuery-t tanultam, és úgy voltam vele, hogy ideje elővenni az alapokat és belenézni legalább a Javascriptbe, de szerintem magában a JavaScriptet nem nagyon fogom használni. (frameworkok jobb választásnak tűnnek).[ Szerkesztve ]
-
Sk8erPeter
nagyúr
http://stackoverflow.com/questions/572897/how-does-javascript-prototype-work/572996#572996
http://stackoverflow.com/questions/310870/use-of-prototype-vs-this-in-javascript/310914#310914
==============
Szerk.:
a jQuery NEM framework, hanem library.[ Szerkesztve ]
Sk8erPeter
-
Lacces
őstag
válasz Sk8erPeter #3103 üzenetére
bocsánat - igaz, library az is és köszi
-
Karma
félisten
válasz Sk8erPeter #3103 üzenetére
SO helyett köpönyeg (haha): Understanding JavaScript OOP
“All nothings are not equal.”
-
Skynet258
veterán
Sziasztok!
Elég nagy problémám lenne, és bár mindent megpróbálok magam csinálni, most 10+ óra szenvedés után feladom, és kérdezek. Előre bocsájtom: nem értek a programozáshoz, CSS-hez még valamennyi csak csak ragadt rám, de most (szerintem) Lightbox, Java hibába ütköztem (ha hülyeséget mondok, nem kiröhögni ).
Adott ez a bejegyzés, hibajelenség: van két kép, amik linkelve vannak külső oldalra (Google+). Tehát ha rákattintunk, be kéne hoznia a linkelt oldalt. Ehelyett csak szépen tölt, tölt, és nem történik semmi...
Addig eljutottam, hogy valószínűleg a használt téma Lightbox megoldása a szar, mert ha felteszek egy másik Lightbox kezelőt (pl. a Fancybox2 nevűt), akkor a kép linkelés ok lesz - viszont a főoldalon lévő két slide kakil be (a címsorban az oldal link is kap egy # jelet, ha ez valakinek mond valamit a hibáról...[andro-id.info/#]).
Amit szeretnék: működjön a kép linkelés és a főoldali két slide is megfelelően - hogy ehhez a beépített Lightbox-ot javítjuk meg, vagy a Fancybox2-t csiszoljuk úgy, hogy ne szóljon bele a főoldali dolgokba, alapvetően mindegy.Hajnali ötig játszottam a dologgal, és persze most is pár órát, de mint írtam, nem értek hozzá, csak próbálok rájönni. Egy szint után viszont a próbálkozás és az autodidakta tanulás kevés, és most értem el ide.
Segítsetek nekem kérlek, mert baromi fontos lenne, sok kép van linkesítve (Android Play-re vezető linkek), és most egyik sem működik.
Előre is köszönöm!
https://geekpulse.hu
-
Sk8erPeter
nagyúr
válasz Skynet258 #3107 üzenetére
Szerintem térj át a Fancybox-ra vagy Colorboxra, itt írják is, hogy nem támogatja az iframe-ek vásznon történő megjelenítését a Lightbox: [link].
Aztán ha az megvan, akkor majd még írj, és akkor segítünk annak a beüzemelésében is.Fancybox iframe-re itt vannak példák, egyből a főoldalon:
http://fancybox.net/
(lásd Google maps (iframe), Youtube (iframe))Colorbox iframe-re itt:
http://www.jacklmoore.com/colorbox/example5/
(lásd Outside Webpage (Iframe))[ Szerkesztve ]
Sk8erPeter
-
Skynet258
veterán
válasz Sk8erPeter #3108 üzenetére
Szia!
Áttérnék én szívesen... Csak nem működik ahogy kéne.
Felrakom pl. az Easy Fancybox plugint. A képeken működik, ahogy kell, ha megadom, hogy ilyen átmenet, olyan keret, megy szépen. Viszont a főoldalon lévő két (gondolom szintén hasonló scriptet használó) "slide" (az oldal felső részén és középen lévő két animált rész) megszűnik működni, hiába kattintok rájuk, nem reagálnak a kijelölésre, stb.
Gondolom a témába épített Lightbox és a felrakott Fancybox veszik össze, ezért az anomália. Csak innen nem tudom hogyan tovább...[ Szerkesztve ]
https://geekpulse.hu
-
Skynet258
veterán
Na most Fancybox fent van, linkelt kép működik, csak a főoldali slide-ok nem.
https://geekpulse.hu
-
Sk8erPeter
nagyúr
válasz Skynet258 #3109 üzenetére
Nem ismerem a WordPress-t, így nem tudom, hova lehetne nyúlni, hibanaplóban nem jelez-e valami problémát, nincs-e státuszriport arról, hogy esetleg valami függőség hiányzik (Drupalnál a jobb modulok jelzik, ha valami nyűgjük van), és így tovább, így most nem tudom konkrétan megmondani, mi lenne a megoldás. Először nem néztem az oldalad forráskódját, azt hittem, saját kód, vagy ha külső, akkor is bele tudsz nyúlni a kódjába. Gondolom ezt a részét annyira nem vágod még.
Mindenesetre alapszabály, hogy soha nem kísérletezgetünk éles oldalon!!
Inkább töltsd le FTP-n keresztül, rakj fel egy helyi webszervert (akár egy EasyPHP-s gyorsmegoldás is megteszi, nem tudom, milyen platformra kéne, Windows-t vagy Linux/UNIX-alapú rendszert használsz-e), és ott üzemeld be az oldalad, az az egészséges, ha ott próbálgatod, mert akkor az éles rendszerben nem tudsz kárt tenni, meg a látogatóid nem látják a próbálgatásaidat (így nem tapasztalhatnak furcsa anomáliákat, ami csökkenti a felhasználói élményt).A két slide-hoz milyen plugin tartozik, azt nem tudod megnézni? Vagy ezt a slide-ot az oldalhoz tartozó theme/smink rakja oda? Nagyon kell egyébként, hogy a Google Plus oldalra mutató link popupban jelenjen meg?
Amúgy az a gáz, hogy ez inkább WordPress topicba tartozna, mert a CMS-ekben az ilyen kész plugineknél és sminkeknél az ilyen gyakori megoldásokhoz (mint ez a főoldali slide) ritkábban van szükség egyedi kódmódosításokra, szóval valszeg csak WP-tapasztalat kell hozzá. Ha tudsz angolul, megpróbálhatnád itt, itt biztos egész gyorsan válaszolnak:
WordPress Answers - Stack Exchange
Aztán gondolom ez a hivatalos magyar fórum:
http://kozosseg.wphu.org/forumokSk8erPeter
-
Skynet258
veterán
válasz Sk8erPeter #3111 üzenetére
Itt nem nagyon van semmi feedback sajna. Kódba szoktam nyúlkálni, de nem Javával kapcsolatban, csak egyszerű HTML meg CSS.
Általában ha "játszom", akkor van backup, akár fileokról amiket módosítok, így vissza is tudom dobni rögtön. Az olvasóim megértőek, na meg ez csak egy hobbi oldal, elnézőek velem
De persze jogos amit mondasz.
A főoldal slide-jai a témához tartoznak, nem különálló pluginok.Az a baj egyébként, hogy ez a beépített Lightbox nagyon szét van terjedve a témában - feltettem ugye a Fancy-t, és máshol is problémás lett a megjelenítés.
Így most arra jutottunk (egy olvasóm ért a JS-hez valamelyest, vele próbálkozunk), hogy nem bántjuk a beépített Lightboxot-ot, inkább meg kéne javítani, hogy menjen a link képpel.Azért gáz ez nekem, mert sok olyan eset van, mikor linkkel látok el egy képet. Páldául minden játék és propgram bemutatóm ilyen; katt itt pl a lentebbi "get it on play" képre, és látod, mire gondolok. Alul írja a linket, tehát annyi kimegy a kódból, csak nem vált át az adott oldalra, amire mutat a link.
Megnézem majd a többi helyet is, amit írtál.
https://geekpulse.hu
-
Sk8erPeter
nagyúr
válasz Skynet258 #3112 üzenetére
Na várj, egyszerűsítsük le a dolgot először: igazából itt pont nem értem, minek kell egyáltalán ilyen vászonszerű popupban megjeleníteni az oldalt. A "Get it on Google Play" miért nem csak egy sima link a külső oldalra, és kész? Miért kell ehhez JavaScript?
Ja, és fontos, hogy itt nem Java-ról, hanem JavaScriptről beszélünk.
"Így most arra jutottunk (egy olvasóm ért a JS-hez valamelyest, vele próbálkozunk), hogy nem bántjuk a beépített Lightboxot-ot, inkább meg kéne javítani, hogy menjen a link képpel."
Ha a Lightbox eleve nem képes az iframe-es megjelenítésre, akkor a Lightbox "bántása" nélkül nem fog menni a dolog. Max. egy másik megoldással, de ha ragaszkodsz a külső oldal vászonszerű megjelenítéséhez (ami mondjuk itt sztem nem indokolt, de ez magánvélemény ), akkor muszáj lesz bevetned valami plugint. Amúgy valószínű, hogy az van, amit mondtál, hogy a két library valamilyen oknál fogva összeakad, mert mondjuk a WordPress plugin vagy theme vagy valami ezzel kapcsolatos nem kezeli megfelelően.[ Szerkesztve ]
Sk8erPeter
-
Skynet258
veterán
válasz Sk8erPeter #3113 üzenetére
Nekem aztán nem kell hozzá javascript, csak a téma akarja (két napja váltottam erre a témára egyébként). Én a szerkesztőben feltöltök egy képet, megadom a linket (ha akarom egyáltalán, hogy valahová mutasson).
Sima szöveges link puritán lenne, meg nagyjából 500 bejegyzésem van az oldalon, ahol képet "linkesítettem", szóval azok is jó lenne, ha működnének...
Bántanám én szívesen a Lightboxot, le is túrnám a francba, csak annyira bele van gabalyodva ebbe a témába, hogy több mindent is kezel. Annyira meg nem értek a dologhoz, hogy alapjaitól írjam újra a dolgot.
Vászonszerű megjelenítés alatt megmondom őszintén nem tudom, mit értesz, ha a dizájnra vonatkozik, akkor nem szoktam olyat nézni, hogy mi indokolt vagy sem, hanem ami nekem tetszik.Plugin bevetésével szintén nincsen semmi bajom, csak hiába teszem fel, ha úgy meg más része nem működik az oldalnak ugye.
Szerintem a vége kuka lesz, mert én nem értek hozzá, mást meg hirtelen nem tudok, aki megoldaná a problémámat... Azért köszönöm, hogy foglalkoztál a dologgal.
https://geekpulse.hu
-
Sk8erPeter
nagyúr
válasz Skynet258 #3114 üzenetére
Na várj, szerintem félreértesz. Azzal nincs semmi baj, hogy képet linkelsz valahova. Igazából az most mindegy, hogy a link egy szöveg vagy kép, tehát hogy az <a></a> tagek közt mi van. Az oldalad meg jól néz ki, nincs vele baj, tehát nem azt elemeztem.
A vászonszerű megjelenítés alatt azt értem, amit a Lightbox, Fancybox, Colorbox és társai csinálnak: felugrik egy "kisablak", és a háttérben lévő dolgok pedig elhomályosulnak, mintha eléjük kerülne egy átlátszó fekete vászon vagy függöny, vagy mintha valaki lekapcsolná a lámpát, és a figyelem középpontjába a felugró kép, iframe, szöveg vagy akármi kerülne (reflektorral megvilágítva a színpadon ).
Amikor itt rákattintasz bármelyik linkre, akkor ez történik.De amikor linkelsz a Google Play oldalra, akkor ennek semmi köze nem kéne, hogy legyen egyáltalán a Lightboxhoz, Fancyboxhoz, Colorboxhoz vagy bármihez. Egy sima, egyszerű, mezei link kellene, hogy legyen, nem kéne, hogy az előbb említett JavaScript-pluginek valamelyike ráerőltesse a linkre magát. Erre kellene, hogy legyen valami beállítás.
Amikor szerkeszted ezt a cikket, akkor hogyan szúrod be a képet, hogy néz ki a szerkesztőfelület? Gondolom valami WYSIWYG-alapú szerkesztő van ott. De a cikk bepötyögése után a képeket hogy pakoltad be? Arról tudsz mutatni mondjuk egy screenshotot?Erre gondolok, hogy ilyen egy "mezei" link, csak simán mutat valahova, kattintásra odavisz:
http://jsbin.com/adoket/1
Katt a jobb fölső sarokba, ott láthatod, mi a kódja, semmi Lightbox, Colorbox, Fancybox nincs a dologban.[ Szerkesztve ]
Sk8erPeter
-
Skynet258
veterán
válasz Sk8erPeter #3115 üzenetére
Ja, hogy ezt értetted vászonnak; az én "grafikus" agyam a layer-t hamarabb felfogta volna.
A vicc, hogy a képek beillesztésének metódusában semmi változás nem következett be, csak valamiért a téma a JS-t hívja meg (és ezzel a Lightboxot), az meg meg akarja nyitni a saját layerében. Aztán persze rájön, hogy mégsem kéne, mert ez valójában egy link... és kakukk."De amikor linkelsz a Google Play oldalra, akkor ennek semmi köze nem kéne, hogy legyen egyáltalán a Lightboxhoz, Fancyboxhoz, Colorboxhoz vagy bármihez. "
Én ezt tudom, te is tudod, csak ezek szerint a skin készítői gondolták ezt másképpen.
Igazából pontosan nem tudom, és nem is értem a folyamatot magát, csak azt tudom, hogy nem csinálok semmit másképp mint eddig, mégis meghülyült az adott skinnel.
Mivel igazából sem időm, sem kedvem, de legfőképp tudásom nincs orvosolni a dolgot, így egyszerűbbnek látom, ha másik téma után nézek.BTW Boldog Új Évet Kívánok mindenkinek, aki ma errefelé jár!
https://geekpulse.hu
-
Lacces
őstag
Újabb kérdés:
"use strict" mód-ot mennyire célszerű használni? Nem okoz ez galibát ha egy javascript library-t húzok be?
Régi böngészőknél is jól működik? -
martonx
veterán
-
Lacces
őstag
válasz martonx #3118 üzenetére
Ühüm.
Van esetleg erről egy úgymond "tanulmány",hogyan célszerű használni jQuery-vel? Hogy lássak egy példát, hogyan kell helyesen használni.Mindenkinek:
Mennyire célszerű egy Maven/Ant vagy ehhez hasonló eszköz használata egy weboldalnál alkalmazott külön csak a javascripteknél?
Láttam erről is tippeket, de ahogy elnéztem inkább csak azoknál célszerű, ahol a weboldal nagyon a js-re épül.
De én elsősorban csak a weboldalakat raknám ilyenbe.Bár ha belegondolok, hogy például ugyanaz a js-ek lennének felhasználva több weboldalnál, akkor lehet célszerű őket egy ilyen verziókezelő félébe rakni vagy valami.
-
Sk8erPeter
nagyúr
-
Sk8erPeter
nagyúr
válasz Skynet258 #3116 üzenetére
"csak valamiért a téma a JS-t hívja meg"
Olyan nincs, hogy a "JS-t hívja meg", legfeljebb egy JavaScriptben megírt függvényt/metódust lehet meghívni.Úgy tűnik, mintha minden egyes link tartalmát Lightboxban akarná megjeleníteni, az alapján, amit leírsz, de eléggé meglepne, ha nem lenne erre valami konfigurálhatóság, hogy mit akarsz ebből kizárni. Ezért mondtam, hogy mutass már egy képernyőképet (screenshotot) a szerkesztőfelületről, de nem tetted.
Szerk.:
egyébként meg azért linkeltem itt a WordPress-fórumokat, mert ott biztos van tapasztalat erről.[ Szerkesztve ]
Sk8erPeter
-
Skynet258
veterán
válasz Sk8erPeter #3121 üzenetére
Mint már jeleztem párszor, nem értek hozzá, ezért a helyenként érdekes fogalmazás. Annyira nem számít a dolog, ezért nem csináltam képeket. Főleg, hogy itt a WP-t is be kéne mutatnom, szóval tényleg sok körös lett volna ez a dolog, ennyit meg nem ér.
https://geekpulse.hu
-
-
Muton
addikt
Heló!
Mindenkinek boldog új évet kívánok!
Ha már új év, akkor új problémám is van
Van egy divem, abban egy szöveg. Ha belekattintok, akkor módosítható lesz, alatta egy diveben két gomb: ok, cancel) Ha az okra kattintok, akkor újra mutatja az eredeti divet a módosított szöveggel, ha a cancel-re kattintok, akkor szintén eredeti div, eredeti szöveggel.
Ez megy, nincs vele probléma. (a jsFiddle-ben ok után a gombok nem tűnnek el, de ez most nem érdekes)A gondom az, hogy a 350px széles szöveg div alá kellene a gombokat középre rakni, úgy, hogy a .button és a .buttonGroup css-hez nem nyúlhatok.
Ezért raktam a .buttonGroup-ot egy másik div-be (.buttonWrapper), amit lehet formázni.Próbáltam már align="center";, margin: 0 auto; width: 350px verziót, sajnos nem ment középre a gomb.
Hogy tudnám oda varázsolni dinamikusan (mer egyelőre csak a .buttonWrapper {left: 45px}-el sikerült, de ha átméretezik a szöveges div-et, akkor ugye rossz helyre kerül)?
Muton#2316 - $z@r a drop >_<
-
Sk8erPeter
nagyúr
BÚÉK!
"úgy, hogy a .button és a .buttonGroup css-hez nem nyúlhatok"
Hogy érted, hogy nem nyúlhatsz hozzá, ha HTML-ben adhatsz hozzá elemeket, meg CSS-sel formázhatod az új markupot?Egyáltalán ez hogy jön a JavaScript topichoz?
Az sem ártana, ha calss helyett class-t írtál volna.http://prohardver.hu/tema/css_megjelenitesi_problemak/friss.html
Sk8erPeter
-
Muton
addikt
válasz Sk8erPeter #3126 üzenetére
azért nem nyúlhatok hozzá, mert azt a css-t más is használja
meg azért írok ide, mert megszoktam, hogy ideírok, ha valami nem megyfordfairlane: működik!! zseniális. pedig már azt hittem, hogy minden kipróbáltam, csak a display: table; hiányzott.
Köszönöm![ Szerkesztve ]
Muton#2316 - $z@r a drop >_<
-
Rolly
veterán
azt szeretném megoldani, hogy az ügyfél mikor bezárja az ablakot kapjon egy üzenetet az arcába.
pl: az ablak bezárásával a nem mentett adatai elvesznek! Biztos be akarja zárni?
addig már eljutottam, hogy chromeban működött, de ff-ben nem akar. Plusz sima alert szerű ablakot sikerült dobnom. Pedig a program designjába kellene illeszkednie a felugró ablaknak .... egy jquery-s dialog kellene nekem ...
-
Sk8erPeter
nagyúr
Felraktam neked ide egy minidemót:
http://jsbin.com/afuyon/1/edit
A <head>-be kell betenni az alábbi kódot:
<script type="text/javascript">
var confirmLeavingSite = true;
window.onbeforeunload = function(){
var confirmLeavingSiteMessage = "You are going to leave this site. Are you sure?";
if(confirmLeavingSite){
return confirmLeavingSiteMessage;
}
}
</script>Úgy tudom, jelenleg ennek az ablaknak a megjelenését a beépített alert() és confirm() ablakokhoz hasonlóan nem tudod felülbírálni.
[ Szerkesztve ]
Sk8erPeter
-
Rolly
veterán
válasz Sk8erPeter #3132 üzenetére
köszi a fáradozást, eddig eljutottam nekem pont, hogy felül kéne bírálnom mert azt akarnám, hogy egy ajánlat jelenjen meg amit a bezárásra kellene nekem feldobni ... hogy biztos nem akarja ezt megvenni? ... (ügyfél kérés )
-
Sk8erPeter
nagyúr
Sk8erPeter
-
Santosh
tag
Sziasztok!
Szeretnék tanulni programozni java-ban. Mérnök vagyok, eddig nem foglalkoztam programozással. Milyen oktató anyagot ajánlanátok? Nem az az életcélom, hogy ebből éljek, hanem alapszintű dolgokat szeretnék tudni megoldani vele.
A következő anyagokat találtam:
Tanuljuk meg a Java programozási nyelvet 24 óra alatt
Java programozási nyelv - Alapismeretek
És ami haladóbbaknak való: Java 2 útikalauz programozóknak 1.3 I.-II.-III.Előre is kössz a választ!
-
Sk8erPeter
nagyúr
válasz Santosh #3135 üzenetére
"Szeretnék tanulni programozni java-ban."
Akkor nagyon rossz helyen jársz. Ez a JavaScript topic.
Első leckeként nézz utána, mi a Java és JavaScript közötti különbség, mert NAGYON nem ugyanaz a kettő.Ha ez megvan, itt van a Java topic:
http://prohardver.hu/tema/java_topic/friss.htmlSk8erPeter
-
Soak
veterán
Sziasztok !
Hol találok olyan kódot vagy csak egy snippetet ami hover-re változtatja egy elem hátterének pozicióját?
Tehát ha reviszem az egeret egy a-ra, akkor X (változó)-szer tolja el jobbra 100px-elt a hátteret, majd ha a végére ért akkor előről kezdi.
Keresek egy ideje de nem találok ilyet.
-
Sk8erPeter
nagyúr
Hali!
Most gyors kikapcsolódásként készítettem neked egy példademót, aminek a kódját már könnyen át tudod írni:
http://jsfiddle.net/Sk8erPeter/HLT3J/
Szerk.: a lényege, hogy százalékos alapon növelgeti-csökkentgeti a background-positiont, ezáltal jobbra-balra scrollozódik a background-image.
Lehet szépíteni a kódon, akár plugint is lehetne belőle készíteni.[ Szerkesztve ]
Sk8erPeter
-
Soak
veterán
válasz Sk8erPeter #3138 üzenetére
Koszi szepen, jol nez ki, bar nem teljesen ilyet szeretnek, de most attanuanyozom hogy mikent lehetne atalakitani.
Konkretan video previewnak lenne, tehat fix ertekkel kene kockat ugrania , majd elorol.
-
Soak
veterán
válasz Sk8erPeter #3138 üzenetére
Egyszerübb lett mint elsőre gondoltam.
-
Sk8erPeter
nagyúr
Szívesen!
"Konkretan video previewnak lenne, tehat fix ertekkel kene kockat ugrania , majd elorol."
Na várj, és azt miért pont background-image-dzsel akarod megoldani? Már ha jól értem. Mondjuk végül is nem egy elvetemült gondolat, mert akkor csak egyszer kell betöltődnie, így kevesebb a request. Viszont annyiból nem biztos, hogy jó, hogy így ha kiraksz mondjuk 100 video preview-t, akkor 100 nagyobb képet kell betöltenie, mint amennyit szükséges, mert sanszos, hogy a júzer nem fog hoverezni mind a 100-ra. Szóval lehet, hogy érdemesebb lenne inkább különálló, de azonos méretű képeket betöltögetni szépen animálva. De persze ismerni kéne a konkrét körülményeket, meg a feladatot, mert végül is a jó megoldás kiválasztása nem triviális.Szerk.:
(#3140) Soak :
na ja, így is lehet, pixelekkel, de nem biztos, hogy "biztonságos", mert ha a kép keskenyebb/szélesebb, akkor az eltologatások nem biztos, hogy pontosak lesznek, a százalékos megoldás talán ennyiből jobb lehet.
Igaz, gondolom nálad úgyis fixálva lenne a háttérkép mérete, mindegyiknél azonos képkocka lenne.
És amúgy mi volt az oka, hogy a széles background-image-re esett a választás? Annak egyszerűsége?[ Szerkesztve ]
Sk8erPeter
-
Soak
veterán
válasz Sk8erPeter #3141 üzenetére
És amúgy mi volt az oka, hogy a széles background-image-re esett a választás? Annak egyszerűsége?
Az egyik, hogy egyszerű, managelhetőbb mintha minden videohoz tartoznak 10 kép. Jelenleg a konvertálás után 10 kocka egyenlő elosztásban kiválasztásra kerül, majd ezek összefűzve alkotják az eltolandó hátteret. Aztán a másik az volt ugye, hogy első nekifutásra jónak tűnt, hogy 0 delay-el be tudja tölteni a hovert a browser mert ugye "cache"-be már ott van. De ez után én is eljutottam az általad felvetett problémához, hogy ha van 30 video, abból 2-3nál fog lefutni a funkció, akkor 27-szer több adatot küldtem mint kellett volna.
A képek mindig egységesen erre a méretre lesznek igazítva (dícsértessék az Imagick), tehát ezzel nem lesz gond, így megvan a képkocka effektus (hogy ugrál a kép és nem pedig folyamatos a mozgása, mint az első példában).
Két megoldás vetődött fel bennem:
1.
Két kép lesz, 1 ami amúgyis az első kocka lenne, a 2. ami eddig is volt, de az csak nyilván hover-re töltene be (esetleg még egy mini load animációval) .
2.
Két kép lesz, az egyik ami az első kocka lenne, a második pedig egy GIF, ami hoverre ugyanezt játszaná le, ennek előnye, hogy JS nélkül is működik.
Szerk : De persze a GIF sem lesz sokkal kisebb mint a 10 öszefüzött kép, ezért esélyes az első megoldás.[ Szerkesztve ]
-
Sk8erPeter
nagyúr
Szerintem a JS nélküli működésre itt nem érdemes építeni, legfeljebb CSS3-as újításokkal megoldani az animációt, amennyiben a böngésző támogatja, amennyiben nem, na akkor lépne életbe a JS-sel való animálgatás, pont ilyenekre nagyon jól használható például a Modernizr, ezt tudom ajánlani, mert ilyenekre nagyon fasza. Én például olyanra használtam (csak egy kiragadott példa), hogy alapból CSS3-mal animáltam egy menü fel-lecsúszkálódását, aztán egy jQuery-kódban pedig a megfelelő Modernizr által JS-sel beállított class meglétét ellenőriztem, így tudtam csekkolni, adott böngészőben megvan-e a CSS3-as property támogatása, vagy sem (pl. IE8), ha nem, csak akkor kellett a jQuery-vel animálgatást beizzítani. Szerintem ez manapság járható út.
A két ötleted közül az elsőt én abszolút jónak tartom, én asszem azt választanám. Esetleg egy data-attribútummal (http://api.jquery.com/data/) is be lehetne állítani a hoverre betöltendő képet.
Sk8erPeter
-
Soak
veterán
válasz Sk8erPeter #3143 üzenetére
Most már csak arra nem tudtam rájönni, hogy ha több ugyanolyan class-ú elem van, akkor hogyan különböztetem meg őket? this-re gyanakodom, de nem találtam leírást amiből kiderül amit akarok, mert ugye most mindegyik elemen elkezd pörögni a háttér ha valamelyikre ráviszem az egeret.
-
Sk8erPeter
nagyúr
Ja, jogos, erre nem lett felkészítve a korábbi kód. Most érdemben nincs időm foglalkozni vele, de ja, a this a megfelelő kulcsszó, a .hover() eseménykezelőjén belül például:
$(this).css('background-position', .......);
Viszont azzal számolj, hogy így több elemnél nyilván kell tartani az összeshez tartozó épp aktuális scrollozást, vagy csak a jelenlegihez képest tologatni mindig, mindenesetre azért át kell variálni a kódot.Sk8erPeter
-
Soak
veterán
válasz Sk8erPeter #3145 üzenetére
Mostmár leesett, hogy cask a .hover-nél van értelme a this-nek, a funkcióban hiába hivogatom. Megprobáltam úgy, hogy mindegyiknek adok egy uniqe ID-t, viszont ha beleteszem a mousein részhez ezt pl : var currentID = $(this).attr('id'); akkor valamiért nem pörgeti a hátteret, csak az értékeket módosítja, mert mikor kiviszem az egeret és vissza akkor frissíti be az értékeket ?!
Azért akarom ezt mert akkor könnyen meg tudnám oldani, hogy ha pl rotator classu elementre viszem az egeret akkor ugye csak azt fogja pörgetni mivel a pörgetés id alapján működik.
Az alaphelyzetbe állítást úgynígy mouseout reseteli 0px-elre a pozíciót.
-
Soak
veterán
Itt a kód : http://pastebin.com/LAagfMKx
szerk: Persze itt még csak a class-t piszkálja, de nyilván ha sikerülne megcsinálni akkor beadnám nei az id-t.
szerk2 : nem is a változó inicializása miatt nem megy, hanem amikor át akarom addni a funkciónak.
[ Szerkesztve ]
-
klambi
addikt
ebben tudna nekem valaki segíteni?
"Mond szépen angolul: Gyors róka!"
-
Sk8erPeter
nagyúr
Szerintem a legtisztább megoldás a jQuery-s .data() használata, amivel data-attribútumok állíthatók be; tisztább, szárazabb, biztonságosabb érzés. A kód nem lesz csúnya tőle.
Átalakítva a saját korábbi demómat, készítettem egy újabbat neked:http://jsfiddle.net/Sk8erPeter/HLT3J/2/
Külön-külön nyilvántartható így az aktuális beállítandó background-position és az aktuális kívánt irány is.
Aztán ezt ízlésednek megfelelően átalakíthatod.Sk8erPeter
-
Sk8erPeter
nagyúr
Javaslom, hogy tedd fel ezen helyek valamelyikére, ahol online is egyből kipróbálható lesz a kódod:
http://jsfiddle.net/
http://jsbin.com/Ehhez még regisztrálnod sem kell. A használatára az előző hsz.-emben láthatsz példát.
Azért javaslom ezt, mert másnak is túl drága az ideje ahhoz, hogy a hsz.-edben próbálja kihámozni a kódod működését, ha viszont egyből működés közben látja, akkor nagyobb eséllyel talál rá megoldást, a Te gondod pedig hamarabb oldódik meg.[ Szerkesztve ]
Sk8erPeter