Autor Zpráva
Dalimil
Profil *
Ahoj rád bych opepřil web známému. Rád bych do něj vložil ještě něco neb se nám zdá prázdný.
Shánám na netu postup nebo radu ohledně reakce objektů na kolečko myši.

podívejte se prosím na test který je tady:
http://test.online-olin.cz/zemni-prace.php

Vždy jde o bílou stránku se spodní koláží. Abych nějak rozbyl pozadí chtěl bych do něj přidat ze pár mraků (trans.PNG).
Při čtení obsahu a posunem stránky dolů bych chtěl aby se mraky zvedaly jako by nahoru ale tak aby jeden byl rychlejší a ostatní šli pomaleji.

Jde to? víte jak na to? Poradíte mi?

Díky


Samozřejmě budu rád i za jakékoliv vítky vůči designu nebo kdyby vás něco napadlo čím by se to dalo vopepřit ještě víc - díky. D
jzikes
Profil *
Ahoj,
nikdy jsem to nezkoušel, ale dlouho chci udělat web, kde by se klasicky nerolovalo, ale stránka by po pootočení kolečkem jakoby připlula. Už jsem to párkrát viděl a vypadá to opravdu hezky. Bohužel jsem se k tomu ještě nedostal a nevím, jestli by to fungovalo vždy a všude...
Našel jsem toto http://stackoverflow.com/questions/8189840/get-mouse-wheel-events-in-jquery
Potom by si normálně nastavoval těm objektům pozici...
-jz
grfgrf
Profil
//jquery objekty
var oblak1 = $('#oblak1');
var oblak2 = $('#oblak2');
//rychlost posuvania oblakov
var speed1 = 0.5;
var speed2 = 0.3;

//scroll funkcia
$(window).scroll(function() {

  //aktualna hodnota scroll
  var wScroll = $(this).scrollTop();
  
  //posun
  oblak1.css({top:  wScroll * speed1 + 'px'});
  oblak2.css({top: wScroll * speed2 + 'px'});

);

menis hodnotu atributu top podla hodnoty scrollu.
treba sa pohrat s hodnotami premennych speed1/2 a funkciami na posun (da sa spravit aj nieco taketo: ...css({top: function(wScroll) {...}}))

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0