Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Horizontalni HTML content scroller na mouseOver and Out

[es] :: Javascript i AJAX :: Horizontalni HTML content scroller na mouseOver and Out

[ Pregleda: 1843 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Milantex
Milan Tair
Beograd

Član broj: 137126
Poruke: 60
*.adsl-3.sezampro.yu.

Sajt: www.milantex.info


+1 Profil

icon Horizontalni HTML content scroller na mouseOver and Out02.02.2008. u 12:11 - pre 198 meseci
Pozz...
Znam da slicne teme postoje na forumu, ali nisam nasao bas nista nalik na ono sto mi treba, a to je:

Imam prostor na sajtu 370x125, recimo (tabela je u pitanju, ali to nije ni bitno sada) i treba u taj prostora da smestim par slika sa linkovima oko njih da scrolluju horizontalno kada neko predje misem preko strelica LEVO ili DESNO i da scrolluje samo dok je onmouseOver da tako kazem.

Na primer... imam 5 slika i nema teorije da stanu u 370x125, jer su sirine oko 250px svaka, pa moraju da scrolluju, ali samo dok viewer sajta zeli da gleda sta je sve levo ili desno, tj. da moze da se vrati, a ne kao marki koji ide i ide i ide... Naravno.. i marki moze da se zaustavi, ali mi je do sada radio samo u IE, a u Operi i firefoxu je radio, ali mi je u firefoxu radio samo start scrollovanja, a stop na mouseOut nece.

Sta da radim i da li neko zna neko elegantno resenje za ovaj problem.

Unapred hvala i pozzz!!!
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: Horizontalni HTML content scroller na mouseOver and Out04.02.2008. u 16:26 - pre 197 meseci
najelegantnije resenje ti je da koristis jQuery i neki carousel plugin, evo npr jCarousel bi trebalo da ti resi taj problem.
jCarousle Lite je mozda jednostavniji za koriscenje i implementaciju, ali ne pruza mogucnost skrolovanja na mouseover/out (ali se ovo moze dodati sa nekim malim izmenama). ukoliko se ne snadjes sa jCarousel reci da izmenim ja jCarousel Lite da ima skrol na mouseover/out.
 
Odgovor na temu

Milantex
Milan Tair
Beograd

Član broj: 137126
Poruke: 60
*.adsl-3.sezampro.yu.

Sajt: www.milantex.info


+1 Profil

icon Re: Horizontalni HTML content scroller na mouseOver and Out04.02.2008. u 20:19 - pre 197 meseci
Hvala puno, ovo je stvarno pomoglo!!!
poz!
 
Odgovor na temu

nada22
nada reljic
mirovina
slavonski brod

Član broj: 175651
Poruke: 2
*.adsl.net.t-com.hr.

Sajt: www.slav-brod.com


Profil

icon Re: Horizontalni HTML content scroller na mouseOver and Out12.03.2008. u 23:36 - pre 196 meseci
idi na :www.dynamicdrive.com-nema čega nema

evo ti jedna njihova skripta pastaj na stranicu a onda zamjeni moje slike svojima:
Code:

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

<head><!--[if IE]>

<IE:Download ID="marqueedata" STYLE="behavior:url(#default#download)" /> 
<marquee id="externalmarquee" direction=up scrollAmount=4 style="width:200px;height:150px;border:1px solid black;padding:3px" onMouseover="this.scrollAmount=2" onMouseout="this.scrollAmount=4" src="<img src="Muze.jpg" /><img alt="" src="sinj-vrlika-mala.jpg" width="118" height="162" /><img alt="" src="baranja%20mala.jpg" width="118" height="162" /><img alt="" src="jamnica%20mala.jpg" width="118" height="163" /><img alt="" src="krkmala.jpg" width="118" height="163" /><img alt="" src="kupcina%20mala.jpg" width="145" height="200" /><img alt="" src="petrinjamala.jpg" width="118" height="163" /><img alt="" src="slavonijamala.jpg" width="177" height="244" /><img alt="" src="Muze.jpg" width="195" height="254" />
"></marquee>


<script language="JavaScript1.2">

/*
External Data Source Marquee Script (Updated 99/11/02)- 
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com
*/

function downloaddata(){
marqueedata.startDownload(externalmarquee.src,displaydata)
}

function displaydata(data){
externalmarquee.innerHTML=data
}

if (document.all)
window.onload=downloaddata


</script>

<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
</head>
<body>

<br />
<br />
<br />
<br />
<table style="width: 100%">
    <tr>
        <td><br />
        </td>
    </tr>
</table>

</body>

</html>


[Ovu poruku je menjao Aleksandar Ružičić dana 13.03.2008. u 17:13 GMT+1]
 
Odgovor na temu

[es] :: Javascript i AJAX :: Horizontalni HTML content scroller na mouseOver and Out

[ Pregleda: 1843 | Odgovora: 3 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.