Slideshow help

[Mike]

I found a slideshow code and created a plugin.
What I want to do is create a auto form and put image addresses in that will loop
thru to display in the slideshow. Here is the code below

$(document).ready(function(){
$("#slideshow > div:gt(0)").hide();

setInterval(function() {
 $('#slideshow > div:first')
 .fadeOut(2000)
 .next()
 .fadeIn(2000)
 .end()
 .appendTo('#slideshow');
}, 2000);
   
});

#slideshow {
   background-color:#000000;
 margin: 0px auto;
 position: relative;
 width: 320px;
 height: 320px;
 padding: 10px;
 box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

#slideshow > div {
 position: absolute;
 top: 10px;
 left: 10px;
 right: 10px;
 bottom: 20px;
}


<div id="slideshow">
 <div>
   <img src="https://i.ibb.co/gDfrL5J/praying-woman-702x375.png" style="width:320px;height:320px;">
     With prayer comes peace
     <br>
 </div>
 <div>
   <img src="https://i.ibb.co/7tn6LP8/woman-laughing.png" style="width:320px;height:320px;">
     Laughter is a great gift God gives
     <br>
 </div>
 <div>
   
 </div>
</div>

Can someone help please

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Aug 3, 2021 12:10:45 GMT -8 Mike said:

I found a slideshow code and created a plugin.
What I want to do is create a auto form and put image addresses in that will loop
thru to display in the slideshow. Here is the code below

$(document).ready(function(){
$("#slideshow > div:gt(0)").hide();

setInterval(function() {
 $('#slideshow > div:first')
 .fadeOut(2000)
 .next()
 .fadeIn(2000)
 .end()
 .appendTo('#slideshow');
}, 2000);
   
});

#slideshow {
   background-color:#000000;
 margin: 0px auto;
 position: relative;
 width: 320px;
 height: 320px;
 padding: 10px;
 box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

#slideshow > div {
 position: absolute;
 top: 10px;
 left: 10px;
 right: 10px;
 bottom: 20px;
}


<div id="slideshow">
 <div>
   <img src="https://i.ibb.co/gDfrL5J/praying-woman-702x375.png" style="width:320px;height:320px;">
     With prayer comes peace
     <br>
 </div>
 <div>
   <img src="https://i.ibb.co/7tn6LP8/woman-laughing.png" style="width:320px;height:320px;">
     Laughter is a great gift God gives
     <br>
 </div>
 <div>
   
 </div>
</div>

Can someone help please

You want to be able to use an autoform for unlimited slides. What other options do you need?

[Mike]

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓

That is it really

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Aug 3, 2021 12:41:39 GMT -8 Mike said:

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓

That is it really

Well I can't settle for too simple but this should be more than enough

Simple Slideshow.pbp (1.61 KB)

[Mike]

Thank you P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓
I do appreciate being able to see the code.