glenelkins Posted September 11, 2008 Share Posted September 11, 2008 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 Link to comment https://forums.phpfreaks.com/topic/123737-hiding-part-of-image-on-edge-of-div/ Share on other sites More sharing options...
JasonLewis Posted September 11, 2008 Share Posted September 11, 2008 You would need to set the div's overflow to hidden. overflow:hidden; Link to comment https://forums.phpfreaks.com/topic/123737-hiding-part-of-image-on-edge-of-div/#findComment-638938 Share on other sites More sharing options...
glenelkins Posted September 11, 2008 Author Share Posted September 11, 2008 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 Link to comment https://forums.phpfreaks.com/topic/123737-hiding-part-of-image-on-edge-of-div/#findComment-639035 Share on other sites More sharing options...
dropfaith Posted September 11, 2008 Share Posted September 11, 2008 any styles on the h1? cause it should move fine try position:relative on the h1 maybe Link to comment https://forums.phpfreaks.com/topic/123737-hiding-part-of-image-on-edge-of-div/#findComment-639400 Share on other sites More sharing options...
glenelkins Posted September 12, 2008 Author Share Posted September 12, 2008 tried all that i have another idea though. I can try and use overflows and the jQuery custom animation function Link to comment https://forums.phpfreaks.com/topic/123737-hiding-part-of-image-on-edge-of-div/#findComment-639591 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.