एचटीएमएल में छवि स्लाइड शो कैसे बनाएं?

मैं अपने वेब पर छवि स्लाइड शो बनाने के करना चाहते हैं, यहाँ मेरी कोडएचटीएमएल में छवि स्लाइड शो कैसे बनाएं?

<head> 
<script type="text/javascript"> 
    var image1 = new Image() 
    image1.src = "images/pentagg.jpg" 
    var image2 = new Image() 
    image2.src = "images/promo.jpg" 
</script> 
</head> 
<body> 
<p><img src="images/pentagg.jpg" width="500" height="300" name="slide" /></p> 
    <script type="text/javascript"> 
      function slideit() 
      { 
       var step=1; 
       document.images.slide.src = eval("image"+step+".src") 
       if(step<2) 
        step++ 
       else 
        step=1 
       setTimeout("slideit()",2500) 
      } 
      slideit() 
    </script> 
</body>

यह क्यों काम नहीं कर रहा है? मैंने छवियों को छवियों में रखा है

स्रोत

2012-12-13 greenthunder

आपके पास तरह दिखेगा द्वारा फ़ंक्शन स्लाइडिट() घोषित किया गया है, लेकिन आप इसे कहीं भी कॉल नहीं करते हैं। – Matthias

'; प्रत्येक पंक्ति के अंत में –

@ माथियास 'स्लाइडिट()' को इसकी घोषणा के बाद ही बुलाया जाता है –

स्क्रैच से कोड लिखने के बजाय आप jquery प्लग का उपयोग कर सकते हैं। इस तरह के प्लग में कई कॉन्फ़िगरेशन विकल्प भी प्रदान किए जा सकते हैं।

यहां मुझे सबसे ज्यादा पसंद आया है।

http://www.zurb.com/playground/orbit-jquery-image-slider

स्रोत

2012-12-13 13:21:56

मैं jquery का उपयोग करना चाहता हूं, लेकिन मैंने इसे अभी तक नहीं सीखा है – greenthunder

आपको इस प्लग का उपयोग करने के लिए jquery सीखना नहीं है। बस अच्छी तरह से समझाए गए निर्देशों का पालन करें। इतना पर्याप्त है। –

सेट वर कदम = 1 वैश्विक चर के रूप में समारोह कॉल ऊपर डालने
डाल अर्धविराम

यह इस

<head> 
<script type="text/javascript"> 
var image1 = new Image() 
image1.src = "images/pentagg.jpg" 
var image2 = new Image() 
image2.src = "images/promo.jpg" 
</script> 
</head> 
<body> 
<p><img src="images/pentagg.jpg" width="500" height="300" name="slide" /></p> 
<script type="text/javascript"> 
     var step=1; 
     function slideit() 
     { 
      document.images.slide.src = eval("image"+step+".src"); 
      if(step<2) 
       step++; 
      else 
       step=1; 
      setTimeout("slideit()",2500); 
     } 
     slideit(); 
</script> 
</body>

स्रोत

2013-04-22 07:12:08 Jem

तो स्लाइडर को इसके बजाय एक क्लिक पर बाध्य करने के बारे में क्या? ताकि उपयोगकर्ता इसके माध्यम से स्क्रॉल कर सके और टाइमर पर इंतजार न करें? –

एचटीएमएल में छवि स्लाइड शो कैसे बनाएं?

उत्तर

संबंधित मुद्दे