Question

http://sovmuseum.ucoz.net/index/7777777777/0-149

На данной странице подключил слайдер, внешний вид полностью устраивает, после сохранения через html редактор отображается корректно, но после сохранения через визуальный редактор (без каких-либо изменений) слайдер отказывается работать и после него добавляются символы "" />", что нужно поправить, чтобы слайдер не ломался?

Корректный код:

 

<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
 max-width: 1000px;
 position: relative;
 margin: auto;
}

/* The dots/bullets/indicators */
.dot {
 height: 13px;
 width: 13px;
 margin: 0 2px;
 background-color: #bbb;
 border-radius: 50%;
 display: none;
 transition: background-color 0.6s ease;
}

.active {
 background-color: #717171;
}

/* Fading animation */
.fade {
 -webkit-animation-name: fade;
 -webkit-animation-duration: 1.5s;
 animation-name: fade;
 animation-duration: 1.5s;
}

@-webkit-keyframes fade {
 from {opacity: .4} 
 to {opacity: 1}
}

@keyframes fade {
 from {opacity: .4} 
 to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
 .text {font-size: 11px}
}
</style>
<div class="slideshow-container">
<div class="mySlides fade">

 <img src=$MYINF_7$

</div>

<div class="mySlides fade">

 <img src=$MYINF_8$

</div>

 

<div style="display:block">
 <span class="dot"></span> 
 <span class="dot"></span> 

</div>
<script>
var slideIndex = 0;
showSlides();

function showSlides() {
 var i;
 var slides = document.getElementsByClassName("mySlides");
 var dots = document.getElementsByClassName("dot");
 for (i = 0; i < slides.length; i++) {
 slides[i].style.display = "none"; 
 }
 slideIndex++;
 if (slideIndex> slides.length) {slideIndex = 1} 
 for (i = 0; i < dots.length; i++) {
 dots[i].className = dots[i].className.replace(" active", "");
 }
 slides[slideIndex-1].style.display = "block"; 
 dots[slideIndex-1].className += " active";
 setTimeout(showSlides, 10000); //
}
</script>

Не корректный код, после визуального редактора:

 

<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
 max-width: 1000px;
 position: relative;
 margin: auto;
}

/* The dots/bullets/indicators */
.dot {
 height: 13px;
 width: 13px;
 margin: 0 2px;
 background-color: #bbb;
 border-radius: 50%;
 display: none;
 transition: background-color 0.6s ease;
}

.active {
 background-color: #717171;
}

/* Fading animation */
.fade {
 -webkit-animation-name: fade;
 -webkit-animation-duration: 1.5s;
 animation-name: fade;
 animation-duration: 1.5s;
}

@-webkit-keyframes fade {
 from {opacity: .4} 
 to {opacity: 1}
}

@keyframes fade {
 from {opacity: .4} 
 to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
 .text {font-size: 11px}
}
</style>
<div class="slideshow-container">
<div class="mySlides fade"><img src="$MYINF_7$" />
<div class="mySlides fade"><img src="$MYINF_8$" />
<div style="display:block">&nbsp;</div>
<script>
var slideIndex = 0;
showSlides();

function showSlides() {
 var i;
 var slides = document.getElementsByClassName("mySlides");
 var dots = document.getElementsByClassName("dot");
 for (i = 0; i < slides.length; i++) {
 slides[i].style.display = "none"; 
 }
 slideIndex++;
 if (slideIndex> slides.length) {slideIndex = 1} 
 for (i = 0; i < dots.length; i++) {
 dots[i].className = dots[i].className.replace(" active", "");
 }
 slides[slideIndex-1].style.display = "block"; 
 dots[slideIndex-1].className += " active";
 setTimeout(showSlides, 10000); //
}
</script></div>
</div>
</div>

Answer 1

вставьте корректный код в режиме хтмл и не редактируйте больше в визуальном редакторе. больше никак. визуальный редактор портит код.

Comments

Получилось через глобальный блок, вопрос можно закрывать