Ako na scrollujúci banner

Rech25

Ahoj,
Moze mi niekto poradit ako vlozit na web scrollujuci banner vid: vlavo: http://tn.nova.cz/zpravy/domaci/vime-kd ... poved.html

Vďaka

position: fixed
alebo flash
alebo jquery ak chceš ten posuny taký omeškaný ako majú oni

Rech25

Hm, dik a nejaky postup.

dobre, po takto zadanej otázke rozhodujem za teba pre variant číslo jedna.

do svojho css zapíš position:fixed pre príslušný div s reklamou

Rech25

Mozes to prosim rozvinut, lebo pre mna je to ako keby som ti povedal oprav motor.
Co sa tyka pozicie fixed, tak zasa chcem aby to šlo na väčšine prehliadačov a natrafil som na to, že v IE7 a IE8 je fixed iba ak je určený DOCTYPE!
Čo to znamená, ako to funguje ?
Môžeš dať príklad na umiestnenie prvku na pozícii 995x250 px ?

Našiel som aj postup s pomocou rôznych .js súborov:
1. stiahnut a umiestniť:
jQuery
jQuery.UI.Core
plugin scrollFollow

2,
Vložiť do CSS napr:

Kód: Vybrať všetko

#reklama {
width: 160px; /*Šírka reklamného boxu*/
height: 600px; /*Výška reklamného boxu*/
position: absolute; /*Pozícia na absolute*/
left: 50%; /*Dynamicky nastavené posunutie zľava o veľkosť 50% z prehliadača*/
margin-left: 480px; /*Doposunutie o polku šírky celkovevj stránky, teda polovica z 960px v našom prípade*/
margin-top: 200px; /*Posunutie od vrchu, aby sa banner neprelýnal s headerom*/
}

3,Vložiť:

Kód: Vybrať všetko

<script type="text/javascript">
$( document ).ready( function () {
   $( '#reklama' ).scrollFollow();
} );
</script>

4, Reklamu zadivovať

Kód: Vybrať všetko

<div id="reklama">reklama</div>

Neviem asi presný postup, alebo mám staré tie súbory, ale nejako mi to nefunguje.

Môžeš nejaký návod na použitie ? Buď s tou prvou alebo druhou možnosťou ?

doctype znamená určenie sady tagov ktoré majú byť používané. Vkladá sa pred samotné html a to takto:

Kód: Vybrať všetko

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

pre viac info pozri napríklad zdroják tejto stránky

to čo si dal ty by malo fungovať, ten návod máš celkom pekne podrobne napísaný. Tie tri súbory stiahneš tu: http://jqueryui.com/download (v časti UI Core zaškrtni Core) a vpravo daj na download, a potom toto: http://code.google.com/p/jquery-scroll- ... -0.4.0.zip

javascript do stránky vložiť hádam vieš, nie?

Kód: Vybrať všetko

<script type="text/javascript" src="cesta_k_javascriptu.js"></script>

Tak si vložiš oba tie čo si stiahol. Bod 2 dáš do svojho css súboru, ak žiaden nemáš tak to dáš medzi <style> a </style> tagy do hlavičky stránky, bod 3 vložíš do body a bod 4 vložíš tam, kde má byť reklama

Ako na scrollujúci banner

Ako na scrollujúci banner

Re: Ako na scrollujúci banner

Re: Ako na scrollujúci banner

Re: Ako na scrollujúci banner

Re: Ako na scrollujúci banner

Re: Ako na scrollujúci banner