Úprava jQuery kódu

haha

Re:Úprava jQuery kódu
« Odpověď #15 kdy: 25. 08. 2014, 12:14:55 »


haha

Re:Úprava jQuery kódu
« Odpověď #16 kdy: 25. 08. 2014, 12:43:57 »
PS: Ještě doplnění, tazatelovi šlo vyloženě o flip efekt, tak to bylo v jeho původním kódu, který jsem nechtíc přepsal, místo abych vytvořil novou ukázku.

mareolan

Re:Úprava jQuery kódu
« Odpověď #17 kdy: 25. 08. 2014, 14:38:52 »
@Marek2: Asi jsi chtěl něco takovéhoto (http://kod.djpw.cz/hffb):
Kód: [Vybrat]
$('#curtainX').cycle({
  fx: 'curtainX',
  sync: 0,
  timeout: 0
});
$(".pics").mouseenter(function (e) {
  $('#curtainX').cycle('next');
}).mouseleave(function (e) {
  $('#curtainX').cycle('prev');
});

Vypadá to tak, že to pořádně neumí přechod počas animace, takže při rychlém nájezdu a odjezdu myši se ti to zresetuje uprostřed animace. Jinak jako zdroj dalších informací poslouží hlavní stránka pluginu nebo podporované options.

Marek2

Re:Úprava jQuery kódu
« Odpověď #18 kdy: 26. 08. 2014, 01:48:43 »
Asi jsi chtěl něco takovéhoto (http://kod.djpw.cz/hffb):

no tvé řešení funguje nejlíp, ale pouze na jeden obrázek :-( jde to nějak napsat univerzálně kdyý mám hodně obrázků? a taky někam se ztratil i ten efekt pro zesvětlení, což uživatel HAHA má, ale zase se to při rychlém najíždění sype :-(
Moc kluci děkuji za velkou pomoc...

haha

Re:Úprava jQuery kódu
« Odpověď #19 kdy: 26. 08. 2014, 07:14:37 »
Citace
ale zase se to při rychlém najíždění sype :-(

http://kod.djpw.cz/offb

Citace
tak to bylo v jeho původním kódu, který jsem nechtíc přepsal

Aha, nic jsem nepřepsal, djpw zobrazuje upravenou verzi místo původní(z localstorage), dokud se neklikne na "resetovat" :-)


haha

Re:Úprava jQuery kódu
« Odpověď #20 kdy: 26. 08. 2014, 08:27:12 »
Ok, po ránu bývám nepoužitelný... Tohle by měla být neprůstřelná verze: http://kod.djpw.cz/pffb


Marek2

Re:Úprava jQuery kódu
« Odpověď #21 kdy: 26. 08. 2014, 12:37:09 »
Ok, po ránu bývám nepoužitelný... Tohle by měla být neprůstřelná verze: http://kod.djpw.cz/pffb

Paráda, tak ted to jde hezky plynule, ale asi tam bude ještě nějaký malinký bug pokud to není úmysl, ale pokud najedu nad obrázek a tesně před koncem kdy se načítá obrázek s chlapcem s myškou odjedu tak se animace ukončí a už se nezobrazí obrázek s mořem. ako by si script myslel, že je nad obrázkem stále najetá myška... Al e i tak jsi velký machr...  Velké díky

haha

Re:Úprava jQuery kódu
« Odpověď #22 kdy: 26. 08. 2014, 13:51:30 »

Marek2

Re:Úprava jQuery kódu
« Odpověď #23 kdy: 26. 08. 2014, 14:35:59 »
Není zač. http://kod.djpw.cz/tffb
Ale je zač  :) v IE to ale nějak zlobí, přetáčí se to jen pokud najedu myškou jen na levý kraj toho obrázku.
Navíc teď jsem to zkoušel dát do odkazu s popisem a hoverový obrázek se vůbec nenačte :-( Můžu ještě poprosít? Mrkneš na to?
http://kod.djpw.cz/zffb
Děkuji.

PS: měl by jsi zájem o nějaké střední práce za nějakou fin. odměnu stanovenou předem? Nebo jsi pracovně vytížen? Pokud by jsi měl zájem, pošlu email a můžeš mi napsat. Zatím díky

haha

Re:Úprava jQuery kódu
« Odpověď #24 kdy: 26. 08. 2014, 17:35:33 »
Citace
v IE to ale nějak zlobí, přetáčí se to jen pokud najedu myškou jen na levý kraj toho obrázku.

Tohle funguje v IE5+: http://kod.djpw.cz/lgfb

Citace
teď jsem to zkoušel dát do odkazu s popisem a hoverový obrázek se vůbec nenačte :-(

Používáš jinou strukturu, než kterou očekávají skript a styly. Mít tam dva odkazy najednou v tomhle případě postrádá význam. Místo divu použij rovnou odkaz. Popisek můžeš přidat pod to, obalit dalším divem a nastylovat, případně odkazu přidat atribut title.

Citace
měl by jsi zájem o nějaké střední práce za nějakou fin. odměnu stanovenou předem?

Díky, ale neměl :-)


Marek2

Re:Úprava jQuery kódu
« Odpověď #25 kdy: 26. 08. 2014, 18:32:56 »
OK, tohle funguje dobře. Velké díky! S tím popisem jsem to moc nepochopil, popis je vidět jen když se obrázky překlápějí :-(

A tohle jsi smazal schválně nebo to s tím nešlo ? Nastavení odlišných rychlostí pro první a druhý obrázek bylo hóóóódně dobrý...

Kód: [Vybrat]
$(document).on({
mouseenter: function() {
flip(this, 250, true);
},
mouseleave: function() {
flip(this, 250, false);
}
}, '.flip');

Děkuji..

haha

Re:Úprava jQuery kódu
« Odpověď #26 kdy: 27. 08. 2014, 02:50:52 »
Snaž se ten kód taky trochu pochopit ;-)

Citace
popis je vidět jen když se obrázky překlápějí :-(

Kód: [Vybrat]
<div>
    <a href="#" class="flip">
        <img src="http://malsup.github.com/images/beach2.jpg" />
        <img src="http://malsup.github.com/images/beach3.jpg" />
    </a>
    <p>
        Popis
    </p>
</div>

Citace
Nastavení odlišných rychlostí pro první a druhý obrázek bylo hóóóódně dobrý...

Kód: [Vybrat]
...

$front.switchClass('front', 'back', 250, function() {
    $back.switchClass('back', 'front', 250, function() {

...

Celkově bude nejlepší, když začneš od začátku. Najdi si tutoriály, uč se postupně a nežeň se hned do něčeho, co zatím se současnými znalostmi nezvládáš. Každou pro tebe neznámou věc si hned vygoogluj a vyzkoušej. Hlavně není nejlepší nápad hned od začátku chtít ohýbat kódy pro staré nepoužitelné prohlížeče - ideální bude, když na existenci IE starších než 10 na nějakou dobu jednoduše zapomeneš.

Marek2

Re:Úprava jQuery kódu
« Odpověď #27 kdy: 27. 08. 2014, 22:15:16 »
Snaž se ten kód taky trochu pochopit ;-)

JS je nejhorší jazyk jaký jsem kdy viděl, nemá absolutně žádný systém :-( Lituji lidi, kteří v tom musí pracovat...

Tento kód ale neovlivňuje požadované rychlosti, Hodnota u front je rychlost animace pro první půli obrázku před překlopením, a back je rychlost druhé půle obrázku před překlopením, samozřejmě i překlopení, jelikož vyuřívá stejnou animaci. Já jsem chtěl nastavení pro oddělení rychlosti animace při najetí myši a jinou rychlost pro odjetí myši, což mi tento kód neumožní, ať to nastavím jak chci, tak bude vždy výsledek vždy stejný. Zkoušel jsem dát po odjetí myši sleep pul vteřiny ale to už se animace rozhodí :-(

Kód: [Vybrat]
$front.switchClass('front', 'back', 250, function() {
$back.switchClass('back', 'front', 250, function() {

Díky...

haha

Re:Úprava jQuery kódu
« Odpověď #28 kdy: 27. 08. 2014, 23:37:36 »
Citace
JS je nejhorší jazyk jaký jsem kdy viděl, nemá absolutně žádný systém :-( Lituji lidi, kteří v tom musí pracovat...

JavaScript je naopak hodně dobře vymyšlený(svoje slabá místa má každý jazyk), musíš ho ale pochopit jako celek, bez toho si nejde udělat objektivní názor. Osobně se mi líbí hlavně obrovská volnost vyplývající z filozofie "všechno je objekt". Spousta lidí naráží na ne úplně snadno vstřebatelný, ale jinak skvělý systém prototypů, v nastávající verzi jazyka ale přibydou i klasické třídy se vším všudy a plno dalších novinek.

Citace
Tento kód ale neovlivňuje požadované rychlosti, Hodnota u front je rychlost animace pro první půli obrázku před překlopením, a back je rychlost druhé půle obrázku před překlopením, samozřejmě i překlopení, jelikož vyuřívá stejnou animaci. Já jsem chtěl nastavení pro oddělení rychlosti animace při najetí myši a jinou rychlost pro odjetí myši, což mi tento kód neumožní, ať to nastavím jak chci, tak bude vždy výsledek vždy stejný. Zkoušel jsem dát po odjetí myši sleep pul vteřiny ale to už se animace rozhodí :-(

Když už víš, kde ty rychlosti změnit, tak je můžeš rovnou předávat jako parametr: http://kod.djpw.cz/wgfb

haha

Re:Úprava jQuery kódu
« Odpověď #29 kdy: 28. 08. 2014, 01:05:38 »
Ještě mě napadlo, že není od věci ti to nějak okomentovat: http://kod.djpw.cz/zgfb