Border Raduis During transition
-
Please have a look at this address
http://nmsu.sharifico.com
I am trying to use your slideshow in our department web site. But I am facing a problem. Corner of images jut out when transitioning between images. How can I solve that? my css style is:.slideshow_container { border: 3px solid #621a32 !important; border-radius: 25px !important; } .slideshow_container a { text-decoration: none; } .slideshow_container img {border-radius: 20px !important;} .slideshow_container .slideshow_slide { margin-right: 2px;} .slideshow_container .slideshow_slide_text h2 { text-align: center; font-size: 1.3em;} .slideshow_container .slideshow_slide_text p { text-align: center;} .slideshow_container .slideshow_slide_image {} .slideshow_container .slideshow_slide_video { } .slideshow_container .slideshow_description { background: #000; width: 100%; } .slideshow_container .slideshow_description h2 { font-size: 1.3em; text-align: center; } .slideshow_container .slideshow_description p { text-align: center; } .slideshow_container .slideshow_description a { color: #fff; } .slideshow_container .slideshow_transparent { filter: alpha(opacity = 50); opacity: 0.5; } .slideshow_container .slideshow_transparent:hover { filter: alpha(opacity = 80); opacity: 0.8; } .slideshow_container .slideshow_controlPanel { width: 21px; height: 21px; margin-left: -11px; background: #000; border-radius: 2px; -moz-border-radius: 10px; } .slideshow_container .slideshow_controlPanel ul { } .slideshow_container .slideshow_controlPanel ul li { margin: 3px; width: 15px; height: 15px; } .slideshow_container .slideshow_controlPanel ul li:hover { } .slideshow_container .slideshow_play { background: url('%plugin-url%/images/SlideshowPlugin/light-controlpanel.png') 0 0 no-repeat; } .slideshow_container .slideshow_pause { background: url('%plugin-url%/images/SlideshowPlugin/light-controlpanel.png') -15px 0 no-repeat; } .slideshow_container .slideshow_button { margin-top: -20px; height: 40px; width: 19px; background: url('%plugin-url%/images/SlideshowPlugin/light-arrows.png') no-repeat; } .slideshow_container .slideshow_previous { } .slideshow_container .slideshow_next { background-position: -19px 0; } .slideshow_container .slideshow_pagination { bottom: 16px; } .slideshow_container .slideshow_pagination_center { } .slideshow_container .slideshow_pagination .slideshow_currentView { filter: alpha(opacity = 80); opacity: 0.8; } .slideshow_container .slideshow_pagination ul { } .slideshow_container .slideshow_pagination ul li { margin: 0 2px; width: 11px; height: 11px; background: url('%plugin-url%/images/SlideshowPlugin/light-bullet.png') no-repeat; }http://ww.wp.xz.cn/extend/plugins/slideshow-jquery-image-gallery/
The topic ‘Border Raduis During transition’ is closed to new replies.