We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 17717
    • 433 Posts
    Hi all,

    I have maxigallery running nicely, just one small issue regarding valid code. The width and height is output in the code:

    	<div id="myGallery1">
    	 
    	<div class="imageElement">
    
    	<h3>Logo</h3>
    	<p>Logo</p>
    	<img src="/assets/galleries/1/1logo.png"  alt="1logo.png" class="full" />
    	<img src="/assets/galleries/1/tn_1_logo.png" alt="1logo.png" class="thumbnail" />
    	</div>


    I am displaying using SmoothGallery and here is my snippet call:

    [!MaxiGallery? &display=`embedded`  &embedtype=`smoothgallery`  &smoothgallery_width=`248`  &smoothgallery_height=`152`  &smoothgallery_thumbWidth=`50`  &smoothgallery_thumbHeight=`16` &smoothgallery_showArrows=`false` &smoothgallery_showCarousel=`true` &smoothgallery_showInfopane=`false`  &smoothgallery_delay=`8500` &smoothgallery_embedLinks=`false` &smoothgallery_timed=`true`  slideshow_mode=`showcase` slideshow_infodelay=`0` !]
    


    Don’t get me wrong, everything displays great, its just failing on validation because the width and height don’t seem to be displayed in the code.

    Thanks
    Lee
      http://www.blend.uk.com | Web Design by Blend
      • 7923
      • 4,213 Posts
      The &smoothgallery_width=`248` and &smoothgallery_height=`152` goes to smoothgallery main div CSS. If you want width and height to the img tags, use the available placeholders in your galleryPictureTpl.


        "He can have a lollipop any time he wants to. That's what it means to be a programmer."
        • 17717
        • 433 Posts
        Cheers doze, will try that.

        Thanks
        Lee
          http://www.blend.uk.com | Web Design by Blend
          • 7923
          • 4,213 Posts
          To be more clear, use this for galleryPictureTpl:

          	<div class="imageElement">
          	<h3>[+maxigallery.picture.title:htmlent+]</h3>
          	<p>[+maxigallery.picture.descr:htmlent+]</p>
          	<a href="[+maxigallery.picture_link_url+]" title="[+maxigallery.strings.click_to_zoom+]" class="open"></a>
          	<img src="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" class="full" height="[+maxigallery.picture_height_normal+]" width="[+maxigallery.picture_width_normal+]" />
          	<img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]" class="thumbnail" height="[+maxigallery.picture_height_thumb+]" width="[+maxigallery.picture_width_thumb+]" />
          	</div>
          



            "He can have a lollipop any time he wants to. That's what it means to be a programmer."