3 Replies Latest reply: May 22, 2012 9:35 AM by Ned Murphy RSS

    Gallery loading problem with images

    SEOLClanka

      When loading gallery some images not fading out complety, updating images with xml see the screen shot and url

       

      garrr.jpg

      garr4.jpg

        • 1. Re: Gallery loading problem with images
          Ned Murphy CommunityMVP

          How are you doing the transitions?... include any code and/or screenshots that help explain it as well.

          • 2. Re: Gallery loading problem with images
            SEOLClanka Community Member

            See this link plz you can see that http://designhubsl.com/testnew/

             

            Code is as below

             

            <?xml version="1.0" encoding="utf-8"?>

            <photos>

             

             

                      <config

                                auto_play="true"

                                auto_play_duration="2.4"

                                grid_row="4"

                                grid_column="6"

                                tween_duration="0.10"

                                tween_delay="0.02"

                                stylesheet="flashmo_224_style.css"

                                bar_status="1">

                      </config>

             

                      <photo>

                                <filename>photos/01-dream book.jpg</filename>

                                <description><![CDATA[<p class="subtitle">Photo title one goes here</p><p><a href="http://www.flashmo.com" target="_parent">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. <span class="highlight">Quisque at ante sit amet</span> erat laoreet <u>fermentum</u>. Quisque nec nisl. Nam scelerisque cursus dolor. Donec in. <span class="note">This text is dynamically loaded from the external XML file. This textfield supports HTML and CSS.</span></p>]]></description>

                                <transition flow="out" direction="left"></transition>

                      </photo>

                      <photo>

                                <filename>photos/02-hotel.jpg</filename>

                                <description><![CDATA[<p class="subtitle">Photo title two goes here</p><p>Fusce quis diam sit amet tortor luctus pellentesque. <a href="http://www.flashmo.com/donate" target="_blank">Donec accumsan urna</a> non elit tristique mattis. <b>Vivamus fermentum</b> orci viverra nisl. Donec euismod enim et risus. <span class="note">Integer vestibulum luctus leo at iaculis. Nulla scelerisque sodales arcu elementum imperdiet.</span></p>]]></description>

                                <transition flow="in" direction="left"></transition>

                      </photo>

                      <photo>

                                <filename>photos/03-mak-lubricant.jpg</filename>

                                <description><![CDATA[<p class="subtitle">Photo title three goes here</p><p>In velit urna, <u>convallis id</u>, pharetra in, iaculis sit amet, mi. Praesent consectetur imperdiet mauris. Suspendisse at pede vel lorem pulvinar laoreet. Etiam et neque. <span class="note">This text is dynamically loaded from the external XML file. This textfield supports HTML and CSS.</span></p>]]></description>

                                <transition flow="out" direction="right" rotation="90"></transition>

                      </photo>

                      <photo>

                                <filename>photos/04-pack-design1.jpg</filename>

                                <description><![CDATA[<p class="subtitle">Photo title four goes here</p><p><a href="http://www.flashmo.com" target="_blank">Mauris vestibulum felis</a> eget tortor. Praesent mattis varius quam. Vestibulum ullamcorper ipsum nec augue. Vestibulum auctor odio eget ante. <span class="highlight">Nunc commodo, magna pharetra semper vehicula, dui ligula feugiat elit, et euismod nunc orci ut libero.</span></p>]]></description>

                                <transition flow="in" direction="right"></transition>

                      </photo>

                      <photo>

                                <filename>photos/06-red-cross-page1.jpg</filename>

                                <description><![CDATA[<p class="subtitle">Photo title five goes here</p><p>Nunc aliquam, dolor vitae sollicitudin lacinia, nibh orci sagittis diam, dignissim sodales dui erat nec eros. Fusce quis enim. <a href="http://www.flashmo.com" target="_parent">Aenean eleifend</a>, neque hendrerit elementum sodales, odio erat sagittis quam, sed tempor orci magna vitae tellus.</p>]]></description>

                                <transition flow="out" direction="up"></transition>

                      </photo>

             

                      <photo>

                                <filename>photos/07-red-cross-page2.jpg</filename>

                                <description><![CDATA[<p class="subtitle">Photo title six goes here</p><p>In velit urna, convallis id, pharetra in, iaculis sit amet, mi. Praesent consectetur imperdiet mauris. Suspendisse at pede vel lorem pulvinar laoreet. Etiam et neque. <a href="http://www.flashmo.com/donate" target="_parent">Donec dapibus</a> viverra est.</p>]]></description>

                                <transition flow="in" direction="up" rotation="-180"></transition>

                      </photo>

                      <photo>

                                <filename>photos/08-rhino-cal.jpg</filename>

                                <description><![CDATA[<p class="subtitle">Photo title seven goes here</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span class="highlight">Quisque at ante sit amet</span> erat laoreet <u>fermentum</u>. <a href="http://www.flashmo.com" target="_parent">Integer vel sapien quis</a> risus egestas suscipit. Nam lorem tortor, pellentesque in, mi. <span class="note">Fusce lacinia orci at nisi. Suspendisse at nisi nec diam pretium tincidunt.</span></p>]]></description>

                                <transition flow="out" direction="down"></transition>

                      </photo>

                      <photo>

                                <filename>photos/09-senka-ambilipitiya.jpg</filename>

                                <description><![CDATA[<p class="subtitle">Photo title eight goes here</p><p>Nunc aliquam, <a href="http://www.flashmo.com" target="_parent">dolor vitae sollicitudin</a> lacinia, nibh orci sagittis diam, dignissim sodales dui erat nec eros. Aenean eleifend, neque hendrerit.</p><p  class="note">This text is dynamically loaded from the external XML file. This textfield supports HTML and CSS.</p>]]></description>

                                <transition flow="in" direction="down" rotation="180"></transition>

                      </photo>

                      <photo>

                                <filename>photos/10-valvoline-jag.jpg</filename>

                                <description><![CDATA[<p class="subtitle">Photo title nine goes here</p><p>In velit urna, convallis id, pharetra in, iaculis sit amet, mi. <a href="http://www.flashmo.com/donate" target="_parent">Praesent consectetur</a> imperdiet mauris. Suspendisse at pede vel lorem pulvinar laoreet. Etiam et neque. Donec dapibus viverra est.</p>]]></description>

                                <transition flow="out" direction="center" rotation="90"></transition>

                      </photo>

                      <photo>

                                <filename>photos/11-touareg-hoarding.jpg</filename>

                                <description><![CDATA[<p class="subtitle">Photo title ten goes here</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span class="highlight">Quisque at ante sit amet</span> erat laoreet <u>fermentum</u>. Quisque nec nisl. <a href="http://www.flashmo.com" target="_parent">Nam scelerisque cursus dolor</a>. Integer vel sapien quis risus egestas suscipit.</p>]]></description>

                                <transition flow="in" direction="center" rotation="-90"></transition>

                      </photo>

             

            </photos>

            • 3. Re: Gallery loading problem with images
              Ned Murphy CommunityMVP

              That is not the code for the slideshow, that is just the xml data file that specifies the images and some of the display elements for the slideshow.  If this is something you not design it yourself, then you might need to contact whoever sold it to you to see about fixing it.

               

              If I have to guess what the problem is, my first guess would be that the images that appear broken up are not dimensioned to fill the display like the others that show properly.  You probably need to resize them to all be the same dimensions if they are not. 

               

              I say they are not dimensioned properly because in looking at the pieces, they are tall enough to fill vertically, and if they were pushed together they would join properly, meaning the edges appear to match properly from one to the next... the spaces between are not hiding anything of the pieces...  so something is keeping them from joining up and it might be the dimensioning controls within the slideshow.