LIGHTBOX a problem s iframe a flashem.



Dobry den,chtel bych pozadat o radu vsechny, kdo maji nejake zkusenosti s pouzivanim funkce LIGHTBOX pro zobrazovani obrazku na webu. Na mem webu www.crazycrime.com mam umisten flash a navic mam galerii fotek umistenou do iframe, takze se mi otevreny obrazek zobrazi pouze ve vnorenem ramci a ne pres celou stranku a navic neprekryje flash. Mohl by mi nekdo prosim poradit? dekuji za pripadnou odpoved.S pozdravem Carlos069
Podobný problém s lightboxem (i thickboxem) jsem vyřešil úpravou css - sprostě jsem to cvaknul do jednoho souboru s ostatními styly, hned na začátek... Neříkám, že to pomůže, ale chybu bych hledal právě tam.
<p>flash a silverlight jsou výkonné platformy a záleží to na vašich okolnostech. v současné době je uživatelská základna pro flash vzhledem k jeho věku mnohem větší a je pravděpodobné, že ji bude mít více lidí.</p> <p>by obecný sdílení souborů a hostování webu fungovat? pokud umístíte soubor do veřejné složky <a href="http://www.dropbox.com/">dropbox</a> a odkazujete jej z webu? viz výměna webového zásobníku aplikací pro <a href="https://webapps.stackexchange.com/questions/638/online-file-storage-services">více poskytovatelů online ukládání souborů</a> .</p><p>ujistěte se, že zaškrtnete <a href="http://kb2.adobe.com/cps/142/tn\_14213.html">zásadu napříč doménami</a> : pokud soubor flash hostovaný v souboru <code>dropbox.com</code> potřebuje přístup k datům z <code>yourdomain.com</code>, potřebujete soubor <code>crossdomain.xml</code> v souboru <code>yourdomain.com</code>, který určuje, že soubory flash z <code>dropbox.com</code> mají přístup k datům.</p> <p>databázi na straně serveru a programovací jazyk, který vyberete, je zcela na vás, protože zákazník nebude vědět, ani se nestará o to, v jakém jazyce je napsán, dokud bude fungovat. a protože ovládáte prostředí serveru, můžete použít cokoli, co chcete. vyberte si programovací jazyk a databázi, se kterou váš tým bude snadno pracovat a bude nejznámější.</p><p>pokud jde o stranu klienta, nemusíte si vybírat mezi flashem nebo javascriptem. můžete použít oba, pokud slouží určitému účelu. pokud je něco jednoduše animací kvůli animaci, flash je dobrá volba, protože je snadné vytvářet animace. a pokud někdo nemá přístup k blesku, například na mobilním zařízení, nebude mu chybět žádná funkčnost. pokud jsou animované bity funkční částí webové stránky, javí se javascript jako dobrý nástroj k použití.</p><p>fyi, ve webdesignu a programování není nic takového jako „příliš starý“. k dispozici je pouze ten správný nástroj a ne.</p> <p>obecně se mi nelíbí hudba na pozadí na webu. zpomaluje dobu načítání, překvapuje uživatele, kteří mají zapnuté reproduktory a jejich nepříjemné. je to podobné blikajícímu textu na webové stránce.</p><p>jediný čas, který mi dává smysl, je pro web o hudbě nebo pro skupinu. pak to lze očekávat.</p><p>lepším řešením je, aby na vás webová stránka, jako je @aslum, navrhl, aby si lidé mohli vybrat, zda budou vaši hudbu hrát, nebo ne.</p> [**Jak opravit drobně poškozený zlacený rám**](/rada/178037-jak-opravit-drobne-poskozeny-zlaceny-ram.html)


Dříve se na pozlacovaly rámy obrazů tak, že se na ně nanášely jemné lístky zlata, které se přitlačily… Jen aby spíše než stručnou odpověď komentář: Toto chování závisí jak na přehrávači, který používáte, a na grafické kartě. Co se stane, je následující:


1. Přehrávač videa plní svou videa okno s jediným, barvy bytu. Obvykle to bude buď světlé růžové nebo něco podobného, ​​ale ne přesně, černé. Myšlenka je vybrat si barvu, která není pravděpodobné, že se objeví kdekoli jinde na obrazovce.
2. Přehrávač videa instruuje akcelerační čip na grafické kartě pro přehrání videa, ale jeho zobrazení pouze na části obrazovky, které mají ten přesnou barvu. K dosažení tohoto cíle, je technika nazývá „překrytí“ je používán, který efektivně umožňuje grafickou kartu „překryvné“ video obsahu na libovolnou část obrazovky, která je vyplněna s tímto konkrétním barvou.


Teď, když se snímek přehrávače, zatímco způsob, jak hrát, co máte, je obraz, který obsahuje velký jednotný vyplnit kde je video má být. Máte-li zobrazit tento snímek obrazovky při přehrávání videa, bude grafická karta nebude schopen rozeznat rozdíl mezi barvou v rámci přehrávače a obrazovky to. Bude to jen nahradit tuto barvu s obrazem.


Můžete se bavit s tímto chováním ze strany výkresu na obrázku. Ať už jste čerpal se zdají být vypracovány v horní části obrazu, protože video zobrazuje pouze tam, kde na obrazovce má přesné barvy používané video přehrávač. <p>jedním ze způsobů, jak toho dosáhnout, by bylo mít náladové desky (více informací zde: <a href="http://www.viget.com/inspire/getting-moody/">http://www.viget.com/inspire/getting-moody/</a> ), zobrazující barevné palety, typografie, snímky, v podstatě cokoli souvisí s webem.</p> <p><em> aktualizovat: chrome 58+ skryl tyto a další ladicí zprávy ve výchozím nastavení. chcete-li je zobrazit, klepněte na šipku vedle položky „info&ldquo; a vyberte položku „verbose&ldquo;. </em></p><p><em> aktualizace 2: chrome 57 je ve výchozím nastavení zapnut. chcete-li je znovu zapnout, musíte povolit filtry a zrušit zaškrtnutí políčka „skrýt porušení&ldquo;. </em></p><blockquote> <p>najednou se objeví, když se do projektu zapojí někdo jiný</p> </blockquote><p>myslím, že je to více pravděpodobné, že jste aktualizovali na chrome 56. toto varování je (imo) báječná nová funkce - prosím, vypněte ji pouze v případě, že jste zoufalí a váš hodnotitel vás odtrhne. základní problémy jsou v jiných prohlížečích, ale prohlížeče vám neříkají, že je problém. vstupenka chromium je zde, ale na ní není žádná zajímavá diskuse: <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=662497">https://bugs.chromium.org/p/chromium/issues/detail?id=662497</a> </p><p>tyto zprávy jsou varování namísto chyb, protože to opravdu nebude způsobovat velké problémy. to může způsobit upuštění rámců nebo jinak způsobit méně hladký zážitek.</p><p>stojí za to prozkoumat a upevnit, aby se zvýšila kvalita vaší aplikace. způsob, jak toho dosáhnout, je věnovat pozornost okolnostem, ve kterých se zprávy zobrazují, a provádět testování výkonu, aby se zúžit, kde se problém vyskytuje. nejjednodušším způsobem, jak spustit testování výkonu, je vložit nějaký kód takto:</p><pre><code>function somemethodithinkmightbeslow() { const starttime = performance.now(); // do the normal stuff for this function const duration = performance.now() - starttime; console.log(`somemethodithinkmightbeslow took ${duration}ms`); } </code></pre><p>chcete-li být pokročilejší, můžete také použít profiler chrome: <a href="https://developers.google.com/web/tools/chrome-devtools/rendering-tools/">https://developers.google.com/web/tools/chrome-devtools/rendering-tools/</a> </p><p>nebo použijte knihovnu benchmarking, jako je tato: <a href="https://benchmarkjs.com/">https://benchmarkjs.com/</a> </p><p>jakmile najdete nějaký kód, který trvá dlouhou dobu (50 ms je práh chrome), máte několik možností:</p><ol> <li>vystřihněte některé z těchto úkolů, které mohou být zbytečné</li> <li>zjistěte, jak dělat stejný úkol rychleji</li> <li>rozdělte kód do několika asynchronních kroků</li> </ol><p>(1) a (2) může být obtížné nebo nemožné. ale někdy je to opravdu snadné a měly by to být vaše první pokusy. v případě potřeby by mělo být vždy možné (3). k tomu budete používat něco jako</p><pre><code>settimeout(functiontorunverysoonbutnotnow); </code></pre><p>nebo</p><pre><code>// this one is not available natively in ie, but there are polyfills available. promise.resolve().then(functiontorunverysoonbutnotnow); </code></pre><p>více o asynchronní povaze javascriptu si můžete přečíst zde:</p><p> <a href="http://blog.carbonfive.com/2013/10/27/the-javascript-event-loop-explained/">http://blog.carbonfive.com/2013/10/27/the-javascript-event-loop-explained/</a> </p> <p>jedním z nápadů může být poskytnutí vizuální zpětné vazby o tom, kde je textový kurzor. "cíl" může ukázat svou plianci (vnímavost k upuštěnému objektu), stejně jako ikona může ukazovat jeho sílu (vnímavost k přetažení).</p><p>zde je animovaná grafika pro ilustraci, kromě toho, že se při náhledu nebude animovat. :( uživatel přetáhne ikonu kalkulačky doleva.</p><p><img src="https://i.stack.imgur.com/qsahg.gif" alt="enter image description here"></p><p>vkládací paprsek (žlutý i-paprsek na obrázku) ukazuje plianci plochy - „místo, kam ikona zmizí, pokud ji nyní přetáhnete“. protože i-paprsek předvídá cíl na základě směru přetažení, i-paprsek přichytí k levému okraji stránky před tím, než tam táhne prst uživatele. to znamená, že uživatel může ikonu přetáhnout trochu brzy, <strong>aby nedošlo k posunu na jinou stránk</strong>.</p><p>aby to fungovalo dobře, na začátku přetažení by se měl vložený paprsek pravděpodobně ve výchozím nastavení objevit směrem k „uvnitř“ obrazovky (předpokládejme, že uživatel bude ve výchozím nastavení přetahovat směrem do středu obrazovky), dokud uživatel nezačne přetahovat. směrem ven, <em> off </em> stránka. podobný typ interakce může přizpůsobit stránkování podél vertikální osy.</p><p>toto je pouze jedno možné řešení. jsem si jistý, že existují další. bavte se s tím.</p> <p>pokud použijete možnost č. 2, můžete v souboru robots.txt vyloučit stránku iframe a zcela ji z indexu google zcela vyloučit.</p>