Beste allen,

Ik wil op een site een anchor plaatsen die verwijst naar een onderwerp in een Jquery slider.
Dus als ik op de link klik moet hij direct naar het juiste onderwerp toe, maar het wil mij maar niet lukken.
Misschien dat jullie een oplossing hebben.

Het gaat om deze : www*hatsa*nl/HTML/ons_werk.html

Het is de bedoeling dat als ik onderin op 1 van de links klik (bv personeelsbladen) dat hij dan naar het juiste onderwerp toe scrolled zegmaar.

Hebben jullie een oplossing?
Ik hoor het graag en alvast bedankt voor de moeite,

gr,
Chris

Zonder naar je code te kijken kan een huidige oplossing zijn dat je met jQuery uitrekent waar dat element zich bevind.
Ik neem aan dat een elementje absolute is gepositioneerd en dat je die naar links of rechts laat bewegen.
Al je items zijn even breed dus stel jij weet dat er op anchor nummer 5 word gedrukt dat je de item nummer 5 getoont dient te worden.

Je kan dus dan uitrekenen hoeveel pixels het naar links of naar rechts moet.

Ook ik heb je code niet bekeken.

Voor Scrollers, sliders raadt ik altijd aan om jQuery scrollTo te gebruiken.. Met een beetje kennis en inzicht kun je daarmee zo ongeveer alles maken wat je kunt bedenken..

http://demos.flesler.com/jquery/scrollTo/

Hoi Leon, dat zou idd moeten lukken, ik zal dat eens proberen.

@ Michel: handig! alleen is mijn kennis van Jquery niet groot genoeg denk ik om dat er in te kunnen zetten, of is het niet zo heel moeilijk?

ik hoor het graag,
bedankt alvast,

gr,
Chris
Aanvullend bericht:
Ik kom er niet uit, ik heb denk ik te weinig kennis van jQuery,

iemand nog een oplossing?
Ik hoor het graag,
gr,
Chris

jQuery scrollTo is inderdaad een goed plugin.
Ik heb wel even naar je code gekeken, maar kan niet vinden waar de juiste 'onderwerpen' waar je naar toe wilt linken zich bevinden.

Ik neem aan dat je een 'item' div in 'background', en een 'detail' divje in 'panel' bedoelt?

Je kan het volgende doen als je in dezelfde stijl als je carouselding wilt blijven:
(psuedo code, niet getest en alleen om je in de goede richting te helpen. Code bestaat momenteel uit te veel bager om er iets duidelijks van te maken..)

Code:

var offset = $('div.detail:eq(3)').offset(); // Waarbij 3 het nummer van het 'detail-divje' is
$('.details').css({'margin-left':offset.left});

var offset = $('.item_1').offset(); // Positie van de background-item div
$('.backgrounds').css({'margin-left':offset.left});