Change clickable area for Next/Previous image

[jkirker]

I want to modify the clickable area for the Next/Previous image - you know, the area that activates the <- and -> images.

In watching user behavior I'm seeing users click and forward to the next image when they are intending to click through to the actual post.

I just can't seem to find in the code where this is handled. In a perfect world, only the <- and -> would be clickable.

Thoughts?

[Kris Themstrup]

To change this, you'd have to edit the absolute positioning percentages in the jd.gallery.css.php plugin file. I haven't tested it myself, because I don't really have the time to be able to, but there's a percentage of clickable area with the arrows that is towards to bottom of the css around lines 270 and longer. I would attempt a trial and error scenario where you change one value, upload, test, and do it again. That's how I do it when I'm not 100% sure of the correct value to change. Let me know if you find it.

[rascaluk]

Don't think this is quite right..

I'ved achieved what the original poster wanted by changing jd.gallery.css

Two parts I think are needed and it certainly seems to work...

Look for

Code: Select all

.jdGallery a.right, .jdGallery a.left

{

position: absolute;

height: 99%;

width: 25%;

cursor: pointer;

z-index:10;

filter:alpha(opacity=20);

-moz-opacity:0.2;

-khtml-opacity: 0.2;

opacity: 0.2;

}

I changed the width here to 10%

then..

Code: Select all

.withArrows a.open

{

position: absolute;

top: 0;

left: 25%;

height: 99%;

width: 50%;

cursor: pointer;

z-index: 10;

background: none;

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

}


I changed the value of LEFT to 10% and the value of WIDTH to 80% and it seems to work great with virtually just the arrows clickable for scrolling and the centre of the frame to take you to the story...