JSFiddle - React, Tailwind, and code Playground

by praveen_jegan

HTML

<head>
		<title>Royal 3D Carousel</title>
		
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<link rel="stylesheet" type="text/css" href="load/minimial_clasic_skin.css"></link>
		<link rel="stylesheet" type="text/css" href="load/html_content.css"></link>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		
		<style type="text/css">
			html, body{
				margin:0px;
				padding:0px;
			}
		</style>
		
		<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="java/FWDRoyal3DCarousel.js"></script>
		
		<script type="text/javascript">
			var carousel;
			
			FWDUtils.onReady(function(){
				carousel = new FWD3DCarousel({
				
					//required settings
					carouselHolderDivId:"myDiv",
					carouselDataListDivId:"playList1",
					displayType:"fluidwidth",
					autoScale:"yes",
					carouselWidth:940,
					carouselHeight:536,
												
					//main settings
					backgroundColor:"#333333",
					backgroundImagePath:"",
					thumbnailsBackgroundImagePath:"",
					scrollbarBackgroundImagePath:"load/minimial_clasic_skin/scrollbarBackground.jpg",
					backgroundRepeat:"repeat-x",
					showDisplay2DAlways:"no",
					carouselStartPosition:"center",
					numberOfThumbnailsToDisplayLeftAndRight:4,
					slideshowDelay:5000,
					autoplay:"no",
					showPrevButton:"yes",
					showNextButton:"yes",
					showSlideshowButton:"yes",
					disableNextAndPrevButtonsOnMobile:"no",
					controlsMaxWidth:940,
					slideshowTimerColor:"#000000",
					showContextMenu:"yes",
												
					//thumbnail...

JavaScript

(function () {
var sElements = document.getElementsByClassName("HeaderWrapWide");
var catOne = document.getElementsByTagName("ul");
alert("number of ul: " + catOne.length);
	
var liTags = catOne[3].getElementsByTagName("li");
alert("number of li: " + liTags.length);
})();