slideshow picture position cannot be match with picture

the picture in slide show didnt match with the size picture and size slide show.

so, anybody know how to make it to be automatic?

In the code where you have to put your image, make sure you find this.

Code:

<a href="IMG" /> or this <a href="IMG LINK"> </a>

Add this to your code.

Code:

<a href="IMG LINK" width="SPECIFY IT TO YOUR LIKING" height="SPECIFY IT TO YOUR LIKING"></a>

i didnt find any code like this <a href="IMG" /> or this <a href="IMG LINK"> </a>

Can you please post all the codes you used for it here? Except the one in the javascript. Please post the one in your header or in the CSS, I forgot which one has the code I'm looking for. And please make sure it's enclosed in a

Code:

.

i use all code in this link https://help.forumotion.com/t105962-index-in-accordion

Code:

.accordion {
  text-align:left;
  font:'Helvetica Neue', Verdana, Arial, sans-serif;
}
.accordion ol {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.accordion li > h2 {
  color: black;
  font-weight: normal;
  margin: 0;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%) rotate(-90deg);
  -webkit-transform-origin: right top;
  -moz-transform: translateX(-100%) rotate(-90deg);
  -moz-transform-origin: right top;
  -o-transform: translateX(-100%) rotate(-90deg);
  -o-transform-origin: right top;
  -ms-transform: translateX(-100%) rotate(-90deg);
  -ms-transform-origin: right top;
  transform: translateX(-100%) rotate(-90deg);
  transform-origin: right top;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; }
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%9; left: 10%; left: 5%9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }
 
/****************************************** Basic */
.basic li > h2 { background: #333; color: white; line-height: 1.8em; }
.basic li > div h3 { margin: 15px 10px; }
.basic li > div p { margin: 10px; font-size: 14px; }
 
/****************************************** Dark */
.dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
.dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
.dark li > h2 span { background: #353535; color: white; }
.dark li > h2 b { background: #353535; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
.dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); }
.dark h2.selected b { background: #434343; }
.dark li > div { background: #030303; margin-left: 5px; }
 
/*************************************** Rounded */
.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
 
/***************************************** Light */
/**************************************** Stitch */

#s1 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}
#s2 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}
#s3 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}

#s4 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}

#s5 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}

See the one with the http://url de l'image.jpg"?

Add this before the }

background-size: Height or Width First

Here's an example:

Code:

background-size: 800px 200px;

i still didnt understand. can u give me the detail?

Code:

#s1 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}
#s2 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}
#s3 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}

#s4 {
 background:url("http://url de l'image.jpg") no-repeat #030303;
}




For example

#s5 {
background:url("http://url de l'image.jpg") no-repeat #030303;
}

Make it like this:

#s5 {
background:url("http://url de l'image.jpg") no-repeat #030303;
background-size: 800px 200 px;
}

still same. its didnt work

#s5 {
background:url("http://url de l'image.jpg") no-repeat #030303;
background-size: 800px 200 px;
}

Try changing that to this

#s5 {
background:url("http://url de l'image.jpg") no-repeat #030303;
height: 800px;
width: 200px;
}

If it doesn't work, change the photos or manually resize them.

huh, have any way to make it automatic?

please help me....

No. You have to do it manually, sorry.

May be you need to use some photo shop code to make the match.

Codes will work for the set I.D.

Manual resize is the only helper you got at the moment, bud.

hey, its same . look this one.

i think the there was a problem with the slide show. its still have a empty place but it already crop the left side image.

Did you re run the code already? Try testing them in a test forum and if not working still, please post every code you used here and we can check if there's a problem with it.

i dont deleted anything. i just follow this site https://help.forumotion.com/t105962-index-in-accordion.
and i just change the slideshow size for a little.

https://help.forumotion.com/t107962-changing-the-size-of-the-accordion Try using the codes in it.

yes, i follow that site to change my slideshow size

Did you estimate properly though? It's all about the estimation, actually.

Member has been banned, therefore topic will be garbaged.