كود hotml لا تحمل في احلى منتدى

2 مشترك

اذهب الى الأسفل

كود hotml  لا تحمل في احلى منتدى  Empty كود hotml لا تحمل في احلى منتدى

مُساهمة من طرف كريم -1 الأحد 11 أغسطس 2019 - 18:39

السلام عليكم ورحمة الله وبركاته 
عندي كود سلايد شو يوضع في هوتمل ولكن الصور لا تظهر 
وهدا الكود 
الكود:
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  font-family: Arial;
  margin: 0;
}

* {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
</style>
<body>

<h2 style="text-align:center">Slideshow Gallery</h2>

<div class="container">
  <div class="mySlides">
    <div class="numbertext">1 / 6</div>
    <img src="img_woods_wide.jpg" style="width:100%">
  </div>

  <div class="mySlides">
    <div class="numbertext">2 / 6</div>
    <img src="img_5terre_wide.jpg" style="width:100%">
  </div>

  <div class="mySlides">
    <div class="numbertext">3 / 6</div>
    <img src="img_mountains_wide.jpg" style="width:100%">
  </div>
   
  <div class="mySlides">
    <div class="numbertext">4 / 6</div>
    <img src="img_lights_wide.jpg" style="width:100%">
  </div>

  <div class="mySlides">
    <div class="numbertext">5 / 6</div>
    <img src="img_nature_wide.jpg" style="width:100%">
  </div>
   
  <div class="mySlides">
    <div class="numbertext">6 / 6</div>
    <img src="img_snow_wide.jpg" style="width:100%">
  </div>
   
  <a class="prev" onclick="plusSlides(-1)">❮</a>
  <a class="next" onclick="plusSlides(1)">❯</a>

  <div class="caption-container">
    <p id="caption"></p>
  </div>

  <div class="row">
    <div class="column">
      <img class="demo cursor" src="img_woods.jpg" style="width:100%" onclick="currentSlide(1)" alt="The Woods">
    </div>
    <div class="column">
      <img class="demo cursor" src="img_5terre.jpg" style="width:100%" onclick="currentSlide(2)" alt="Cinque Terre">
    </div>
    <div class="column">
      <img class="demo cursor" src="img_mountains.jpg" style="width:100%" onclick="currentSlide(3)" alt="Mountains and fjords">
    </div>
    <div class="column">
      <img class="demo cursor" src="img_lights.jpg" style="width:100%" onclick="currentSlide(4)" alt="Northern Lights">
    </div>
    <div class="column">
      <img class="demo cursor" src="img_nature.jpg" style="width:100%" onclick="currentSlide(5)" alt="Nature and sunrise">
    </div>   
    <div class="column">
      <img class="demo cursor" src="img_snow.jpg" style="width:100%" onclick="currentSlide(6)" alt="Snowy Mountains">
    </div>
  </div>
</div>

<script>
var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("demo");
  var captionText = document.getElementById("caption");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
  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";
  captionText.innerHTML = dots[slideIndex-1].alt;
}
</script>
   
</body>
</html>

لا اعرف سبب عدم روؤيت الصور في الهوتمل 
ارجو الحل وشكرا لكم  Cool Cool
كريم -1
كريم -1
 
 

ذكر
عدد المساهمات : 310
معدل النشاط : 5191
السُمعة : 4

http://ascq.sosforum.net/forum.htm

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود hotml  لا تحمل في احلى منتدى  Empty رد: كود hotml لا تحمل في احلى منتدى

مُساهمة من طرف Black H@wk الأحد 11 أغسطس 2019 - 21:17

من أسم القسم منتدى الإقتراحات
القسم غير مناسب لمكان طرح موضوعك كود hotml  لا تحمل في احلى منتدى  221706



كود hotml  لا تحمل في احلى منتدى  31010
كود hotml  لا تحمل في احلى منتدى  410 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
كود hotml  لا تحمل في احلى منتدى  410 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
كود hotml  لا تحمل في احلى منتدى  410 لا يتم المساعدة على الخاص! 


Black H@wk
Black H@wk
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 7249
معدل النشاط : 9480
السُمعة : 35

http://palestine-hawk.ahlamountada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة
» انت تقول العضوة صادقة اكيد فاين صدق احلى منتدى احلى منتدى تستطيع التحويل من منتدى الى اخر فلماذا لم يتم تنفيذ طلب العضوة ام ان كل انني غير مرحب بي
» [ثوره الاحرار ضد احلى منتدى] باقي يوم واحد على نشر 15 طريقه لازاله اعلانات احلى منتدى بالطرق غير شرعيه
» [ثوره الاحرار ضد سياسه احلى منتدى]الطريقه الاولى لحذف اعلانات احلى منتدى من الاسفل طريقه غير شرعيه
» اقتراح صغير ممكن يخلى احلى منتدى يكون فعلا احلى منتدى
» لقد تم نقل موقعي الى استضافة احلى منتدى ارجو التفعيل من طرف مهندسي فريق احلى منتدى وشكرا للزعيم

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى