Hiding part of image on edge of div

[glenelkins]

Hi

 

Im not sure if this should go in this forum, or the JS forum.

 

Im using the JQuery library to create an image slide effect on click of a button. The issue i have is, say i have a div of 400px width, i have 4 images that need to be lined up next to each other. I want the images when they come to the edge of the div to not be show. So say one image is half way out of the div, that half of the image shouldnt show, as though its behind something

[JasonLewis]

You would need to set the div's overflow to hidden.

 

overflow:hidden;

[glenelkins]

Yeh i thought of that

 

Anyway i solved the issues so far.I am having another problem

 

To get the slider to work correctly I have to set the moving elements to absolute positions. The problem im having is....take this for example

 

<div style="position:absolute;">
    <h1>fgdfgfgg</h1>
</div>

 

Then when the js function moves the <div> the <h1> doesnt move with it ?? But if i just have normal text without and tags around it, it moves with the <div> just fine

[dropfaith]

any styles on the h1? cause it should move fine  try position:relative on the h1 maybe

[glenelkins]

tried all that

 

i have another idea though. I can try and use overflows and the jQuery custom animation function