Autor Zpráva
Jimbo
Profil *
Ahoj
mám klasickou stránku vlevo navigace, uprostřed obsah a vpravo mam volné okno, ve kterém bych chtěl aby se zobrazoval text při přejezdu přes obrázek, který je ale v obsahu.
mam to přes classy OBSAH a SIDE a už jsem se naučil hover ale umím s nim měnit jen okolí toho přes co přejíždím ale nevím jak to dostat to té třídy SIDE
koukal jsem na nějakou možnost s využitím java scriptu :P nešlo by to udělat abych se mu vyhnul ?
asi bych měl řict že jsem celek nový v tomdle:)
Děkuji za rady :)
panther
Profil
Jimbo:
nešlo by to udělat abych se mu vyhnul ?
za jistých okolností by to jít mohlo, záleží na kontextu celé stránky. Dodej odkaz.
Jimbo
Profil *
příklad http://www.playdota.com/heroes když najedu myší na nějaký obrázek hrdiny vpravo se mění text
panther
Profil
Jimbo:
dodej odkaz na svůj web. Podstatné je umístění obou prvků, rozložení webu. Dle toho bude záležet na tom, zda si vystačíš s CSS a :hoverem, nebo to půjde jen JavaScriptem.
Jimbo
Profil *
zatím jsem to nikde nezveřejnil mám se to pokusit někam dát nebo stačí zkopírovat kód?
nebo je někde návod jak vyvěsit stránku ?
Jimbo
Profil *
hned první odkaz :D projdu si to
Jimbo
Profil *
heruréka ja mám web :) http://gowronga.webzdarma.cz/
jak vidíte tak při přejezdu v záložce heroes přes obrázek se v pozadí objeví obrázek, ale já bych chtěl ten obrázek tam jak je napsáno to HERO
jinak prosím omluvte chyby v kodu :D
Chamurappi
Profil
Reaguji na Jimba:
Pokud budou ty tři sloupce vždy přesně takhle rozmístěné, můžeš dát obrázek dovnitř odkazu a vypozicovat ho doprava. Běžně bude zneviditelněný a při :hoveru ho zobrazíš.
Jimbo
Profil *
to by šlo ale ja bych k tomu chtěl připsat i text ... :P
soucekgns
Profil
<style>.hero {display:none;}</style>
<script>
function showId(heroId) {
  var pocetHero = 2;
  for(i=1; i<=pocetHero ; i++) {
    document.getElementById('hero'+i).style.display='none';
  }
  document.getElementById(heroId).style.display='block';	
}
</script>
//malé ikonky
<img onmouseover="showId('hero1')">
<img onmouseover="showId('hero2')">
//podrobný popis
<div id="hero1" class="hero"></div>
<div id="hero2" class="hero"></div>
Jimbo
Profil *
diky diky :)
Jimbo
Profil *
padara funguje dekuju akorad ted to nechce zmizet :)
zkoseli jsme pouzit onmouseout ale porad to tam neak zustava

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0