سلام وقت بخیر
دوستان من از وردپرس استفاده میکنم برای اسلایدر از پلاگین استفاده نکردم خودم دستی درستش کردم ولی یه مشکلی داره
وقتی اسلایدر تصویر رو لود میکنه به محض لود شدن تصویر پنهان میشه ولی عنوان برا همون تصویره هستش آخه من اخرین ارسالهای سایت و به صورت اسلایدر در آوئردم تا 4 تا از اخرین ارسال ها رو نمایش بده.
مشکل من فقط غیب شدن تصویر هستش اگه کسی می دونه باید چه جوری درستش کنم راهنمایی کنه.
این هم استایلش هست
دوستان من از وردپرس استفاده میکنم برای اسلایدر از پلاگین استفاده نکردم خودم دستی درستش کردم ولی یه مشکلی داره
وقتی اسلایدر تصویر رو لود میکنه به محض لود شدن تصویر پنهان میشه ولی عنوان برا همون تصویره هستش آخه من اخرین ارسالهای سایت و به صورت اسلایدر در آوئردم تا 4 تا از اخرین ارسال ها رو نمایش بده.
مشکل من فقط غیب شدن تصویر هستش اگه کسی می دونه باید چه جوری درستش کنم راهنمایی کنه.
این هم استایلش هست
کد:
/*
* generated by WOW Slider 2.9
* template Block
*/
#wp-designer-container1 {
zoom: 1;
position: relative;
max-width:1200px;
max-height:400px;
margin:0px auto 0px;
z-index:90;
border:none;
text-align:right; /* reset align=center */
}
* html #wp-designer-container1{ width:1200px;height:400px }
#wp-designer-container1 .ws_images ul{
position:relative;
width: 0;
height:400px;
left:0;
list-style:none;
margin:0;
padding:0;
border-spacing:0;
overflow: visible;
/*table-layout:fixed;*/
}
#wp-designer-container1 .ws_images ul li{
width:1%;
line-height:0; /*opera*/
float:left;
font-size:0;
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
}
#wp-designer-container1 .ws_images{
position: relative;
left:0;
top:0;visibility:hidden;
width:1200px;
height:444px;
overflow:hidden;
}
#wp-designer-container1 .ws_images a{
width:1200px;
height:400px;
display:block;
color:transparent;
}
#wp-designer-container1 img{
max-width: none !important;
}
#wp-designer-container1 .ws_images img{
width:1200px;
height:400px;
border:none 0;
max-width: none;
padding:0;
}
#wp-designer-container1 a{
text-decoration: none;
outline: none;
border: none;
}
#wp-designer-container1 .ws_bullets {
font-size: 0px;
float: left;
position:absolute;
z-index:70;
}
#wp-designer-container1 .ws_bullets div{
position:relative;
float:left;
}
#wp-designer-container1 a.wsl{
display:none;
}
#wp-designer-container1 .ws_bullets {
padding: 10px;
}
#wp-designer-container1 .ws_bullets a {
margin-left: 5px;
height: 10px;
width: 10px;
float: left;
border: 1px solid #B8C4CF;
color: transparent;
text-indent: 0px;
background-image:url("data:image/gif;base64,");
position:relative;
}
#wp-designer-container1 .ws_selbull {
background-color: #B8C4CF;
color: #FFFFFF;
}
#wp-designer-container1 .ws_bullets a:hover, #wp-designer-container1 .ws_overbull {
background-color: #dae9f6;
color: #FFFFFF;
}
#wp-designer-container1 a.ws_next, #wp-designer-container1 a.ws_prev {
font-family: Tahoma,Arial,Helvetica;
font-size: 14px;
position:absolute;
display:none;
top:50%;
margin-top:-15px;
line-height:30px;
z-index:60;
background-color: #000000;
color: #FFFFFF;
padding: 0px 10px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#wp-designer-container1 a.ws_next{
right:0;
}
#wp-designer-container1 a.ws_prev {
left:0;
}
* html #wp-designer-container1 a.ws_next,* html #wp-designer-container1 a.ws_prev{display:block}
#wp-designer-container1:hover a.ws_next, #wp-designer-container1:hover a.ws_prev {display:block}
/* bottom center */
#wp-designer-container1 .ws_bullets {
bottom:0;
left:50%;
}
#wp-designer-container1 .ws_bullets div{
left:-50%;
}
#wp-designer-container1 .ws-title{
position: absolute;
bottom:0;
left: 0;
margin-right:5px;
z-index: 50;
background-color:#000000;
color:#FFFFFF;
padding:10px 1%;
width:98%;
font-family: Tahoma,Arial,Helvetica;
font-size: 14px;
opacity:0.55;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
}
#wp-designer-container1 .ws-title div{
padding-top:5px;
font-size: 12px;
}
#wp-designer-container1 .ws_images ul{
animation: wsBasic 8s infinite;
-moz-animation: wsBasic 8s infinite;
-webkit-animation: wsBasic 8s infinite;
} [MENTION=23633]key[/MENTION]frames wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} }
@-moz-keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 25%{left:-0%} 50%{left:-100%} 75%{left:-100%} }