Databases
StackOverflow2013
Postsdbo
POload image details from xml file and then show
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POload image details from xml file and then show
    text
    copied!<p>This is my code for imageSlider . in XML i have stored all the details of image . below code shows all images only if i print alert() before calling getData(). without alert message it don't show any thing. </p> <pre><code> &lt;script type="text/javascript"&gt; var imgFront=new Array(); var n=0; var backimg=new Array(); var imgArr = new Array(); var bgImg = new Array(); var eventChk=""; var i = 1; var frontimg = new Array(); var stripimg=new Array(); var frontText = new Array(); var fTitle = new Array(); var fCity = new Array(); var fYear = new Array(); var fLoc = new Array(); var fType = new Array(); var fRole = new Array(); var arrBackImg = new Array(); var backText = new Array(); var frontDiv = new Array(); var fpos=0; var spos=0; var tpos=0; var ftext=""; var fSize = 0; var fFamily = ""; var fColor = ""; var totalimages=0; function getData(){ $.get('photos.xml', function(xml) { $('item', xml).each(function (k) { frontimg.push($(this).find('frontImg').text()); stripimg.push($(this).find('stripImg').text()); frontText.push($(this).find('frontTxt').text()); fTitle.push($(this).find('title').text()); fCity.push($(this).find('city').text()); fYear.push($(this).find('compYear').text()); fLoc.push($(this).find('loc').text()); fType.push($(this).find('type').text()); fRole.push($(this).find('role').text()); arrBackImg.push($(this).find('backImg').text()); backText.push($(this).find('backTxt').text()); frontDiv.push("&lt;h2&gt;"+fTitle[k]+"&lt;/h2&gt;"+ "&lt;h3&gt;"+fCity[k]+"&lt;/h3&gt;&lt;hr&gt;&lt;h4&gt;YEAR OF COMPLETION&lt;/h4&gt;"+fYear[k]+"&lt;hr&gt;&lt;h4&gt;LOCATION&lt;/h4&gt;"+fLoc[k]+"&lt;hr&gt;&lt;h4&gt;PROPERTY TYPE&lt;/h4&gt;"+fType[k]+"&lt;hr&gt;&lt;h4&gt;MAPLETREE'S TYPE&lt;/h4&gt;"+fRole[k]); $('#myImageFlow').append('&lt;div id="id'+k+'" alt="div'+k+'" class="sliderImage" width="280" height="425" style="visibility:hidden"&gt; &lt;div class="frontText" id="f'+k+'"&gt;'+frontDiv[k]+'&lt;/div&gt;&lt;div class="borderdiv" id="b'+k+'"&gt;&lt;/div&gt;&lt;div class="borderdiv1" id="b'+k+'"&gt;&lt;/div&gt;&lt;div class="reflection" id="ref'+k+'"&gt;&lt;/div&gt; &lt;/div&gt;'); alert('called '+k); }); }); } $(document).ready(function () { getData(); alert('START'); }); &lt;/script&gt; &lt;script type="text/javascript" src="js/iSlider.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="myImageFlow" class="imageflow"&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload