Board Logo

Tigra Fader is clipping, why!??!?!
belgomedia - 10/17/2008 at 05:26 AM

I'm trying to this java script into my web page, it works GREAT. However, I've tried to insert a border around the images (from CSS file)


From my CSS file:

border: 1px solid #333333;
background: #000000;
padding: 4px;
width: 225px;
height: 300px;
text-align: center;
clear: both;
position: relative;
margin: 5px 15px;


From the index file:

<script language="JavaScript">

// configuration structure
var A_TPL = {
// randomize the array each time page loads
'random' : true,
// number of transparency changes during the transition
// increase for smoother transition, reduce for less CPU usage
'steps' : 20,
// transition duration in seconds
'transtime': .5,
// slide time in seconds
'slidetime': 1,
// width of the slide (optional)
'width' : 225,
// height of the slide (optional)
'height': 300,
// alt text for the image (optional)
'alt' : 'Bienvenue A? mon portfolio A? Welcome to my portfolio',
// css class assigned to the slide <img> (optional)
'css' : 'galleries_splash'

// list of images to display
var A_ITEMS = [

// fader initialization
var mySlideShow = new tFader (A_ITEMS, A_TPL);


Something odd happens, the images moves about 5 px from the original location.

I invite anyone to check out the index page to better understand my problem @

Any suggestions????

Many thanks!!


tigra - 10/18/2008 at 12:33 AM

Make sure all images are exactly the same dimensions (at least one isn't) and see if setting margins and padding to 0 makes any difference.

Underdude - 2/4/2009 at 06:15 PM

Had a similar issue, and solved it by wrapping the image with a <div> and giving the border and margin attributes to that wrapper, not to the actual image.

Back to forum: