Bring to front / Send to back

[Verwijderd]

Ik ben bezig aan een website waar je met afbeeldingen kan spelen.
een mini voorbeeldje vind je hier: https://dl.dropbox.com/u/920975/draggable/drag.html
en iets groter hier: https://dl.dropbox.com/u/920975/draggable/drag2.html

de afbeeldingen zijn beweegbaar door een jquery script: draggable. (http://docs.jquery.com/UI/Draggable)
nu is mijn vraag is het ook mogelijk om een specifieke afbeelding naar de voorgrond te halen?

thanks

[AtleX]

Kan je met z-index niet wat bereiken?

[Snake]

Ik zou zeggen: op het moment dat je ergens op klikt zet je de z-index hoger.

Maar dan moet je nog bijhouden hoe dat zit met andere objecten, aangezien sommige gewoon (gezien je voorbeeld) een beetje achter een andere hoort.

[Verwijderd]

hmm... maar dan zit ik met vaste posities..?
ik had meer iets in gedachten waar je als gebruiker echt kan kiezen, breng naar voorgrond, of naar achtergrond.

[Janoz]

Dan zul je dat zelf moeten schrijven. Bij 'bring to front' alle z-indexen die tussen de geselecteerde en de bovenste wat verlagen en dan de geselecteerde de hoogste geven.

[mithras]

Pseudo:

$i = 1
Voor alle afbeeldingen
  Afbeelding.z-index = $i;
  $i++

Bring to front voor Afbeelding
  Afbeelding.z-index = maximum-z-index;
  Voor elke afbeelding met z-index tussen afbeelding.oude-z-index en maximum
    Afbeelding.z-index = Afbeelding.z-index -1;

Oftwel: alle afbeeldingen die met z-index tussen je geklikte en het maximum inzittten breng je een omlaag. De gelikte krijgt de maximale z-index. Met hetzelfde idee kan je ook bring forward doen itt bring to front

edit:
Vanwaar de grote afstand voor [pre]

[ Voor 4% gewijzigd door mithras op 01-03-2010 11:57 ]

[Bosmonster]

Dit is gewoon een optie van jQuery UI draggable....

http://docs.jquery.com/UI/Draggable#option-stack
http://docs.jquery.com/UI/Draggable#option-zIndex

En je linkt nota bene zelf nog naar de docs

[ Voor 14% gewijzigd door Bosmonster op 01-03-2010 12:11 ]

[Verwijderd]

Bosmonster schreef op maandag 01 maart 2010 @ 12:10:
Dit is gewoon een optie van jQuery UI draggable....

http://docs.jquery.com/UI/Draggable#option-stack
http://docs.jquery.com/UI/Draggable#option-zIndex

En je linkt nota bene zelf nog naar de docs

oeps had ik toch beter moeten kijken,
anyway thanks voor reply iedereen