私のテーマには、ホームページにスライダーが付いていて、前と次の画像が上下に動き続けます。
再現方法:私のサイトのページに移動します。ヘッダーのロゴをクリックするとホームページに移動します。f5 を押します。これは、左右の渦があるはずの場所です。
テーマの作成者は応答しておらず、ヘルプのフォーラムもありません. これにどのような変更を加える必要があるか教えてください:
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
panelbehavior: {speed:400, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 3, leftnav: ['<?php bloginfo('template_directory'); ?>/images/prev.png', -90, 120], rightnav: ['<?php bloginfo('template_directory'); ?>/images/next.png', 15, 120]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>
cssで位置を修正できますか?
#mygallery{ padding:0;position: relative;}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 980px; /*Width of Carousel Viewer itself*/
height:300px; /*Height should enough to fit largest content's height*/
margin:0 auto;
padding:0;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0px;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0 40px 0 0;
border:none;
}
.thumb-title{
top:-105px;
right:0;
display:block;
position:absolute;
width: 250px; height:68px;
background: #eee url(images/line-h-l.png) top repeat-x;
margin:0;
overflow:hidden;
text-shadow:0 1px 1px #333;
}
.thumb-title-clear{
padding:10px 20px 10px 20px;
height:48px;
overflow:hidden;
}
.thumb-title h2 a {
display:block;
text-decoration: none;
font-size:16pt;
line-height:18pt;
height:50px;
overflow:hidden;
font-weight:bold;
}
.thumb-title h2 a:hover {
}
.stepcarousel .slideimg{
float: left; /*leave this value alone*/
background: #000 /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*margin around each panel*/
padding:0;
width:300px;
height:300px;
overflow:hidden;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
}