html: scroll binnen een table

Pagina: 1
Acties:

  • savale
  • Registratie: Oktober 2000
  • Laatst online: 01:28
Ik ben al een tijdje op zoek naar een vergelijkbaar iets als dit (helaas commercieel):

http://www.dyn-web.com/dhtml/scroll/glide-scroll-rel-v.html

ik wil een reeks plaatjes onder elkaar in een tabel zetten en er 3 per keer weergeven. Het moet dus een soort scroll worden binnen een table (hoeft niet persé zo vloeiend als in het voorbeeld). Hier zijn voldoende voorbeelden van op internet maar ik kan er geen vinden die werkt met een image up en down button ipv een scrollbalk. Helaas is mijn dhtml/javascript kennis hierin ook niet toereikend. Hulp is dus zeer welkom.

  • Snake
  • Registratie: Juli 2005
  • Laatst online: 07-03-2024

Snake

Los Angeles, CA, USA

wrm het niet 'lenen' van hun site? wie merkt da?

* Snake denkt dat ie nu heel veel negatieve reacties gaat krijgen :P

Going for adventure, lots of sun and a convertible! | GMT-8


  • Niks123Random3
  • Registratie: Oktober 2004
  • Laatst online: 04:43
snake903 schreef op dinsdag 01 november 2005 @ 22:01:
wrm het niet 'lenen' van hun site? wie merkt da?

* Niks123Random3 denkt dat ie nu heel veel negatieve reacties gaat krijgen :P
Ooooooohh, jij bent stout.... >:) :/

Verwijderd

Je kan gebruik maken van een javascript dat steeds 3 plaatjes laad als je er op clickt.
Probeer eens http://www.w3schools.com/dhtml/dhtml_examples.asp en dan voornamelijk:
http://www.w3schools.com/...e=trydhtml_examples_image

  • savale
  • Registratie: Oktober 2000
  • Laatst online: 01:28
lol vage beveiliging... uiteraard geprobeerd...

  • Snake
  • Registratie: Juli 2005
  • Laatst online: 07-03-2024

Snake

Los Angeles, CA, USA

lukt het niet? Xal es ff zien he ;)

Edit: heb m hier, kant en klaar ;)

[ Voor 36% gewijzigd door Snake op 01-11-2005 22:14 . Reden: gelukt :P ]

Going for adventure, lots of sun and a convertible! | GMT-8


  • savale
  • Registratie: Oktober 2000
  • Laatst online: 01:28
snake903 schreef op dinsdag 01 november 2005 @ 22:11:
lukt het niet? Xal es ff zien he ;)

Edit: heb m hier, kant en klaar ;)
upload m maar eens naar n site... dan geeft ie n popup :(
Verwijderd schreef op dinsdag 01 november 2005 @ 22:09:
Je kan gebruik maken van een javascript dat steeds 3 plaatjes laad als je er op clickt.
Probeer eens http://www.w3schools.com/dhtml/dhtml_examples.asp en dan voornamelijk:
http://www.w3schools.com/...e=trydhtml_examples_image
het is een php site dus dan zou het ook kunnen maar het is mooier om bijv 9 plaatjes te kunnen scrollen ipv 3 plaatjes te reloaden zeg maar. *piet precies is*

[ Voor 53% gewijzigd door savale op 01-11-2005 22:17 ]


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

snake903 schreef op dinsdag 01 november 2005 @ 22:11:
lukt het niet? Xal es ff zien he ;)

Edit: heb m hier, kant en klaar ;)
Leuk voor je, dit soort zaken doe je maar buiten GoT om.

Er is een mogelijkheid om het gratis voor persoonlijke doeleinden te gebruiken, if that doesn't suite you, dan moet je het maar aanschaffen.

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • Borizz
  • Registratie: Maart 2005
  • Laatst online: 02-01 15:55
De 'truck' die ze gebruiken is eigenlijk heel simpel, al die plaatjes staan onder elkaar. Je maakt een vakje met dezelfde grote als één plaatje. Met behulp van de CSS property overflow, laat je de scrollbalken niet zien (overflow: hidden). Met javascript zorg je er dan voor dat je steeds de hoogte van het plaatje omhoog dan wel omlaag scrollt in het vak met plaatjes.
BtM909 schreef op dinsdag 01 november 2005 @ 22:16:
[...]

Leuk voor je, dit soort zaken doe je maar buiten GoT om.

Er is een mogelijkheid om het gratis voor persoonlijke doeleinden te gebruiken, if that doesn't suite you, dan moet je het maar aanschaffen.
Daarbij is het natuurlijk ook leuker om het zelf te maken ;) . En zo geavanceerd is zoiets ook niet ik gok dat er genoeg gratis scripts hiervoor te vinden zijn, die je al dan niet een beetje aan zal moeten passen.

[ Voor 40% gewijzigd door Borizz op 01-11-2005 22:18 ]

If I can't fix it, it ain't broken.


  • savale
  • Registratie: Oktober 2000
  • Laatst online: 01:28
Borizz schreef op dinsdag 01 november 2005 @ 22:16:
De 'truck' die ze gebruiken is eigenlijk heel simpel, al die plaatjes staan onder elkaar. Je maakt een vakje met dezelfde grote als één plaatje. Met behulp van de CSS property overflow, laat je de scrollbalken niet zien (overflow: hidden). Met javascript zorg je er dan voor dat je steeds de hoogte van het plaatje omhoog dan wel omlaag scrollt in het vak met plaatjes.


[...]

Daarbij is het natuurlijk ook leuker om het zelf te maken ;) . En zo geavanceerd is zoiets ook niet ik gok dat er genoeg gratis scripts hiervoor te vinden zijn, die je al dan niet een beetje aan zal moeten passen.
ok het idee snap ik dat je die plaatjes onder elkaar zet, maar het stukje van dat scrollen ben ik echt niet uitgekomen. Uiteraard geprobeerd. (zal ff wat code oprommelen en neerplanten)

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html> 
<head> 
</head> 
<body> 
<div style="height: 100px; width:200px; overflow:hidden"> 
a
<br>
a
<br>
a
<br>
a
<br>
a
<br>
a
<br>
a
<br>
a
<br>
a
<br>
a
<br>
a
</div> 
</body> 
</html>


ok die "a" tjes vallen dan buiten de div. Maar de volgende stap ben ik nog niet uitgekomen om ze te laten scrollen

[ Voor 17% gewijzigd door savale op 01-11-2005 22:26 ]


  • savale
  • Registratie: Oktober 2000
  • Laatst online: 01:28
21e pagina bij googlen op : scroll overflow: hidden :O

http://www.jsmadeeasy.com...0Script%20-%20ScrollText/

ik zal het resultaat even posten voor de liefhebbers :)

*wel blij is*

  • BasieP
  • Registratie: Oktober 2000
  • Laatst online: 19-10-2025
savale schreef op dinsdag 01 november 2005 @ 22:41:
21e pagina bij googlen op : scroll overflow: hidden :O

http://www.jsmadeeasy.com...0Script%20-%20ScrollText/

ik zal het resultaat even posten voor de liefhebbers :)

*wel blij is*
er zit een bug in die code :Y)
als je snel van fast naar normal gaat telt hij de snelheden bij elkaar op.. zo gaat ie dus steeds sneller :P
niet zo erg opzich, en jij zult er ookg een last van hebben als je puur 1 van die 3 pakt (of zelf een maakt) en daar een pijltjes plaatje oid overheen zet

This message was sent on 100% recyclable electrons.


  • savale
  • Registratie: Oktober 2000
  • Laatst online: 01:28
idd kwam ik net ook achter...mjah op zich niet zo erg. btw heb ook "hulp" gehad van Snake O+

[ Voor 9% gewijzigd door savale op 01-11-2005 23:01 ]


  • Borizz
  • Registratie: Maart 2005
  • Laatst online: 02-01 15:55
savale schreef op dinsdag 01 november 2005 @ 22:20:
[...]

ok die "a" tjes vallen dan buiten de div. Maar de volgende stap ben ik nog niet uitgekomen om ze te laten scrollen
Misschien even zoeken op javascript scrolling :? ?

If I can't fix it, it ain't broken.

Pagina: 1