Výměna obrázku v záhlaví za slider
Vrátila se doba dynamičtějších stránek, proto si dnes ukážeme, jak vyměnit statický obrázek v záhlaví za pěkně vypadající slideshow různých obrázků.
js/bjqs-1.3.min.js bjqs.css
Úpravy v kódu
<script src=http://code.jquery.com/jquery-latest.min.js type="text/javascript"></script>
<script src="/file/1/bjqs-1.3.min.js" type="text/javascript"></script> <link type="text/css" rel="Stylesheet" href="/file/2/bjqs.css" />
V případě zájmu Vám slider nasadí náš programátor za jednorázový poplatek 500 Kč. Kontaktujte naši podporu na mailu podpora@estranky.cz
Komentáře
Re: Proklik na logo
Zdravím pane Cysaři,
nejjednodušší bude v Hlavičce stránky najít tento DIV
<div id="header-decoration" class="decoration">
</div>
a celý jej obalit do odkazu. Ve výsledku taková úprava může vypadat takto:
<a href="/"><div id="header-decoration" class="decoration"></div></a>
Re: šablona H
Jste rychlejší, než blesk :) ... Zvládla jste to perfektně!
Úprava se Vám povedla. :)
šablona H
Dobrý den,
prosím pomoc....vše jsem udělala jak má být..běží to perfektně. Velké dík za perfektní návod. Ale potřebuji obrázek v záhlaví zarovnat souběžně s postraním sloupcem...jak na to. Došli nápady. Děkuji, děkuji moc.
http://www.malovaninaoblicej-cb.estranky.cz/
šablona S
používám šablonu S a nikde nemůžu najít místo kam nahrát odkazy na obrázky. A pravděpodobně i pozice obrázků se bude lišit oproti šabloně kterou jste upravovali vy.
Re: šablona S
Dobrý den,
u šablony S se obrázek nachází v divu s id header (<div id="header">.
Úprava však bude složitější - id se musí změnit i v kódu a potřeba bude i změna rozlišení obrázku a jeho pozice u slideru. I to je důvod, proč je obtížnost uvedená jako pokročilá.
Re: Re: šablona S
no snad se s tím nějak prokoušu. Tohle je velmi dobrá úprava vzhledu stránek, takže to zkusím stylem pokus - omyl. :-)
Re: Gif
Animované gify se na moderních webech už léta nepoužívají - a už vůbec ne pro účely prolínání fotek. Takže ano, máte pravdu, že pokud máte nástroj na vytvoření takového animovaného gifu (navíc s licencní pro komerční využití), bylo by vložení do stránek jednodušší, varianta se sliderem je ale pro weby lepší - a to hned z několika pohledů:
- velikost obrázků - gif, kde se bude prolínat několik fotek bude mnohonásobně větší, než celý slider a stránky se budou rychleji načítat
- plynulost - zatímco u slideru jsou definovány obrázky a způsob přechodu, musí být v gifu uložen každý posun (jeden přechod se může skládat třeba z 50 obrázků)
- možnost úprav - při potřebě jakékoli změny je jednodušší zasáhnout do kódu, případně změnit jeden obrázek, než generovat nový gif
- přístupnost mobilní verze - při tomto použití slideru se bude na mobilní verzi stále zobrazovat statický obrázek, takže nevadí pomalejší mobilní připojení, na kterém by se gif ani nenačetl
Proklik na logo
Potřeboval bych na obrázek v hlavičce dát odklik na Home page.
Odpovědět