Hello,

Ik heb het volgende probleem:
Als ik op een plaatje op mijn website klikt verschijnt er een soort popupje. De positie van dit popupje wordt bepaald aan de hand van de positie van de afbeelding. Dus als je afbeelding op 400px van de linker kant zit en er wordt op klikt, verschijnt de popup ook op 400px van de linker kant. Alleen nu wil ik zorgen dat hij 370px van de linker kant maar ik weet niet hoe ik dit moet oplossen.

De code:

Code:

$("a.link").click(function() {
		    var p = $(this);
		    var position = p.position();
		
		    $(this).parent().parent().parent().parent().parent().parent().prepend("<div class='popup' style='margin-left:" + position.left + "px;'><h3></h3></div>"); 
)};

Code:

$("a.link").click(function() {
		
		    $(this).parent().parent().parent().parent().parent().parent().prepend("<div class='popup' style='margin-left:400px;'><h3></h3></div>"); 
)};

Origineel gepost door G Kok

Code:

$("a.link").click(function() {
		
		    $(this).parent().parent().parent().parent().parent().parent().prepend("<div class='popup' style='margin-left:400px;'><h3></h3></div>"); 
)};

Dit zou wel erg makkelijk zijn. Maar de afbeeldingen staan niet altijd 400 px van de linkerkant. Ze worden links uitgelijnt dus alleen de eerste staat 400px van links.
Aanvullend bericht:
Ik heb het al, was erg simpel:

var position = p.position() - 30;