[javascript / css] image scroller hakt plaatjes af

Pagina: 1
Acties:
  • 340 views sinds 30-01-2008
  • Reageer

  • tombo_inc
  • Registratie: December 2004
  • Laatst online: 16-12-2025
hey,

ik heb een eigen horizontale image scroller gemaakt. deze werkt alleen op het moment nog maar half.
het idee is als volgt. ik heb een div met daarin al mijn plaatjes. de div heeft een overflow van hidden en wordt geclipt zodat alleen het gewenste deel zichtbaar is. als men nu gaat scrollen verplaats ik de div, en de clip in de tegengestelde richting. het resultaat is dat de plaatjes netjes scrollen. het probleem is echter dat als je bijvoorbeeld naar links scrollt dat de plaatjes die aan de rechterkant verborgen waren nu niet meer te voorschijn komen. maar dat je dus een lege laag en de al zichtbare plaatjes aan het scollen bent. als je de div overflow op show zet zie je wel dat alle plaatjes aanwezig zijn. alleen tijdens het scrollen komen ze dus niet tevoorschijn. voor een voobeeld zie:
http://www.cecielvanderweide.nl/index.php?g=autonoom

Microsoft Windows: A thirty-two bit extension and graphical shell to a sixteen-bit patch to an eight-bit operating system originally coded for a four-bit microprocessor which was written by a two-bit company that can't stand one bit of competition


  • André
  • Registratie: Maart 2002
  • Laatst online: 20-02 09:23

André

Analytics dude

Het lijkt er dus op dat je iets fout doet met de clip-coordinaten?

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Volgens mij heb je geen clipping nodig

offtopic:
waarom positioneer je alles absolute? En waarom geven je headers een andere content-type dan je met je meta-tag impliceert? ;)

Intentionally left blank


  • tombo_inc
  • Registratie: December 2004
  • Laatst online: 16-12-2025
je hebt helemaal gelijk :), ik heb zo helemaal geen clipping nodig want ik heb hier al een div in een div die ik verschuif. stom van me, een beetje moeilijk doen terwijl het simpel kan. bedankt in ieder geval voor de tip.

en wat geven de headers dan aan en hoe kan ik die opvragen? ik stuur zelf namelijk geen speciale headers mee naar de client. en op welke elementen doel je precies m.b.t die absolute positionering?

Microsoft Windows: A thirty-two bit extension and graphical shell to a sixteen-bit patch to an eight-bit operating system originally coded for a four-bit microprocessor which was written by a two-bit company that can't stand one bit of competition


  • André
  • Registratie: Maart 2002
  • Laatst online: 20-02 09:23

André

Analytics dude

Tombo_inc schreef op maandag 08 mei 2006 @ 21:23:
en wat geven de headers dan aan en hoe kan ik die opvragen? ik stuur zelf namelijk geen speciale headers mee naar de client. en op welke elementen doel je precies m.b.t die absolute positionering?
Je verstuurd je XHTML als text/html en niet als application/xhtml+xml zoals het hoort. Dat is ongeveer hetzelfde als dat je een plaatje als text/plain verstuurd, dat gaat niet werken. Een voordeel is dat de meeste browsers deze veelgemaakte fout erkennen en er wel goed mee om kunnen gaan (daar komt bij dat IE helemaal geen XHTML ondersteund ;) ).

  • tombo_inc
  • Registratie: December 2004
  • Laatst online: 16-12-2025
aha, dus ik moet gewoon dmv bijv. php een header sturen dat de content application/xhtml+xml is, net als ik in mijn meta aangeef. want nu stuur ik helemaal geen headers naar de browser en zullen er dus wel standaard headers gestuurd worden, of vergis ik me nu?
ik weet overigens dat IE geen xhtml ondersteund en heb ook een script gemaakt dat zorgt dat de browser de juiste gegevens ontvangt, ik ben blijkbaar alleen het header gedeelte vergeten.

Microsoft Windows: A thirty-two bit extension and graphical shell to a sixteen-bit patch to an eight-bit operating system originally coded for a four-bit microprocessor which was written by a two-bit company that can't stand one bit of competition


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

André schreef op maandag 08 mei 2006 @ 21:29:
[...]

Een voordeel is dat de meeste browsers deze veelgemaakte fout erkennen en er wel goed mee om kunnen gaan
HTTP headers gaan boven http-equivalents in meta-tags, en als je je document verstuurd als text/html zal elke browser het als HTML behandelen, ongeacht de DTD. Niet echt een fout dus (de meta-tag wordt gewoon ignored) maar het is wel tegenstrijdig en geeft aan dat je waarschijnlijk niet helemaal precies weet wat XHTML (HTML als XML-application) precies inhoudt. Dat geeft ook niet want 99% van de mensen die een XHTML DTD opgeven weten dat niet :P

Voor wat betreft het absoluut positioneren; mijn moto is altijd "go with the flow" en gebruik alleen positioning (absolute of relative) of floats waar dat echt noodzakelijk is. Juist het uit de flow halen van elementen kan zorgen voor selectie en scroll-problemen plus dat je layout erg inflexibel wordt doordat je voor elk element precies weer coordinaten moet opgeven, en die vaak weer afhankelijk zijn van de coordinaten van andere elementen.

Intentionally left blank


  • tombo_inc
  • Registratie: December 2004
  • Laatst online: 16-12-2025
crisp schreef op maandag 08 mei 2006 @ 23:08:
[...]

HTTP headers gaan boven http-equivalents in meta-tags, en als je je document verstuurd als text/html zal elke browser het als HTML behandelen, ongeacht de DTD. Niet echt een fout dus (de meta-tag wordt gewoon ignored) maar het is wel tegenstrijdig en geeft aan dat je waarschijnlijk niet helemaal precies weet wat XHTML (HTML als XML-application) precies inhoudt. Dat geeft ook niet want 99% van de mensen die een XHTML DTD opgeven weten dat niet :P
dank je vriendelijk, maar ik behoor tot die selecte groep mensen die wel weten wat dat allemaal inhoud :p :+ . hetgeen me nog niet helemaal duidelijk is is dat verhaal met die headers. ik snap waar die krengen voor dienen en ook hoe ze werken in de meeste gevallen. alleen vraag ik me het volgende af. als ik zelf niet expliciet een header verstuur naar de browser, wordt er dan automatisch de content-type= text/html naar de client gestuurd? met andere woorden als ik wil dat mijn document als xhtml gezien wordt, moet ik dan expliciet een header daarvoor meesturen, aangezien headers de meta tags overrulen?

dat van de positionering is me duidelijk ja. het is alleen dat ik vaak problemen heb met relatieve posities als ik sites fatsoenlijk in IE en FF wil krijgen. daarom neem ik niet altijd de moeite om alles uit te zoeken en kwak ik er gewoon absolute posities tegenaan.

Microsoft Windows: A thirty-two bit extension and graphical shell to a sixteen-bit patch to an eight-bit operating system originally coded for a four-bit microprocessor which was written by a two-bit company that can't stand one bit of competition


  • JHS
  • Registratie: Augustus 2003
  • Laatst online: 04-01 15:49

JHS

Splitting the thaum.

Tombo_inc schreef op dinsdag 09 mei 2006 @ 21:36:
[...] alleen vraag ik me het volgende af. als ik zelf niet expliciet een header verstuur naar de browser, wordt er dan automatisch de content-type= text/html naar de client gestuurd?
Dat is een server instelling zover ik weet, maar in het algemeen wordt er inderdaad de text/html content-type header verstuurd :) . Als je dus iets anders wil doen zal je of zelf voor situaties expliciet een header moeten meesturen, of de default van je webserver veranderen.

Je zou er ook voor kunnen kiezen om alleen .xhtml bestanden zo te versturen. Als je volledige controle over de server hebt en het altijd voor deze situatie gebruikt wordt zou je die, of html bestanden, zelfs door PHP kunnen parsen en met in de ini gedefinieerde 'globale' includes ervoor kunnen zorgen dat de juiste header wordt uitgekozen. Maar dat is waarschijnlijk niet echt praktisch :P .

DM!


  • tombo_inc
  • Registratie: December 2004
  • Laatst online: 16-12-2025
ok bedankt, dan is mij dat ook weer duidelijk. :)
dan heb ik nog een vraag en dat is hoe ik de door de server gestuurde headers kan bekijken?

Microsoft Windows: A thirty-two bit extension and graphical shell to a sixteen-bit patch to an eight-bit operating system originally coded for a four-bit microprocessor which was written by a two-bit company that can't stand one bit of competition


  • JHS
  • Registratie: Augustus 2003
  • Laatst online: 04-01 15:49

JHS

Splitting the thaum.

Met behulp van bijvoorbeeld de Firefox Web developer Toolbar :) .

DM!


  • André
  • Registratie: Maart 2002
  • Laatst online: 20-02 09:23

André

Analytics dude

Pagina: 1