Announcement

Collapse
No announcement yet.

Multi-Pics in a Fragment

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Multi-Pics in a Fragment

    Hi All
    I want to add multiple pics side by side with some text in a fragment..
    I tried to edit the Act_ImageAndTitle template...I added another column to the row:
    <tr>
    <td width="100%" align="center">NETQUOTEVAR:BROCHURE_IMAGE</td>
    <td width="100%" align="center">NETQUOTEVAR:BROCHURE_IMAGE</td>
    </tr>

    That generates two pics side by side..but not what I want ...the var Brochure_Image obviously has the same value...so you just get a repeat of the same image..
    How can I display two images side by side in a fragment...?

    TIA
    Steve

    #2
    For the second image replace NETQUOTEVAR:BROCHURE_IMAGE with CUSTOMVAR:MYIMAGE .. and set up a new CUSTOMVAR called MYIMAGE and then simply specify the value of MYIMAGE (eg picture1.jpg) against each section in the properties tab


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment


      #3
      not forgetting to click "use as customvar" in the properties tab

      You will obviously need to use <img src="CUSTOMVAR:MYIMAGE"> so it inserts correctly - you can add in other CMV's for the ALT text etc if you want to take it further


      Bikster
      SellerDeck Designs and Responsive Themes

      Comment


        #4
        Hi Jont
        Thanks...I am refering to the Brochure Pages and not to the Catalogue Sections...can the same be done there...
        cheers

        Comment


          #5
          Hi Jont
          It worked fine...the 2 pics show up side by side..but there is a bit of a nuisance..it actually shows up the full path name on top of the image in preview mode...its obivously displaying the value of the var as text...?

          Comment


            #6
            Its ok ...sorted...thanks

            Comment


              #7
              The only think I dont like about this technique ..its hard coding all these Custom Vars...so if I want to make changes, I would have to upload the site again...is there anyway to avoid that...

              Comment


                #8
                If you want the same second image on every brochure page then add the customvar into the site defaults.

                If you want to change the images on a ad-hoc basis without having to re-upload the site each time you could hardcode the second image to a pic on your server eg:

                Code:
                <img src="http://www.site.com/acatalog/brochure1_picA.jpg">
                That way if you wanted to change the image simply rename the existing "brochure1_picA.jpg" image to say "OLD_brochure1_picA.jpg" (on the server) and give the new image the same name ie "brochure1_picA.jpg" .... you will still need to upload the image to the site but you can use standard FTP to do this and not Actinic.

                For each brochure page simply use a new fragment template and use brochure2_picA.jpg ... brochure3_picA.jpg etc in the code so you can use a different image against each brochure.

                HTH


                Bikster
                SellerDeck Designs and Responsive Themes

                Comment


                  #9
                  Jont...
                  Thanks mate...and now the finale of this...how do you get the images to dynamically change and refresh..evey time you re-load the Page?

                  cheers

                  Comment


                    #10
                    You will need to incorporate some form of script in there ... probably Javascript with an array of random images assigned to it .. take a look at http://www.hotscripts.com/search/6525878.html for starters .... anything that will insert a random image will work depending on complexity and your technical ability.

                    Probably best to ensure all the random images are the same size to avoid any re-sizing or layout issues.

                    HTH


                    Bikster
                    SellerDeck Designs and Responsive Themes

                    Comment

                    Working...
                    X