<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>image-slideshow Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/image-slideshow/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/image-slideshow/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Wed, 13 Apr 2022 16:34:26 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>How to Use image-slideshow in jQuery?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-use-image-slideshow-in-jquery/</link>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Thu, 30 Sep 2021 12:55:30 +0000</pubDate>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[image-slideshow]]></category>
		<category><![CDATA[index.html]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[main.js]]></category>
		<category><![CDATA[style.css]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9321</guid>

					<description><![CDATA[<p>So in this blog, we’re going to learn that How to Use an image-slideshow in jQuery? So let’s go ahead [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-image-slideshow-in-jquery/">How to Use image-slideshow in jQuery?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">So in this blog, we’re going to learn that How to Use an <strong>image-slideshow</strong> in <strong>jQuery</strong>?</p>



<p class="wp-block-paragraph">So let’s go ahead and do that for first in <strong>index.html</strong>, with help of <strong>style.css</strong> &amp; <strong>main.js</strong> and define-</p>



<script src="https://gist.github.com/ajcotocus/afe7b9ab04916ed3433bdf9fcd9d868c.js"></script>



<script src="https://gist.github.com/ajcotocus/ad99f3b2d2187e1546670d5da690643e.js"></script>



<script src="https://gist.github.com/ajcotocus/d28ff7c947d18b04d03f8999072569d2.js"></script>



<p class="wp-block-paragraph">Select the <strong>&lt;img></strong> inside the gallery to manipulate it later Now, Initialize an array of all images for </p>



<p class="wp-block-paragraph">the gallery we want to cycle through all images we have and show one after the other in our </p>



<p class="wp-block-paragraph">gallery. For this, we create a variable i: the index of the image we want to currently show. setInterval will call whatever code is inside the callback function every  2 seconds. This way, </p>



<p class="wp-block-paragraph">we can change the shown image every 2 seconds.</p>



<p class="wp-block-paragraph"> </p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="575" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-114-1024x575.png" alt="" class="wp-image-9322" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-114-1024x575.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-114-300x169.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-114-768x432.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-114-1536x863.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-114.png 1639w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Use image-slideshow in jQuery</figcaption></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-image-slideshow-in-jquery/">How to Use image-slideshow in jQuery?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
