Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Mike 16 posts 36 karma points
    Aug 26, 2009 @ 10:38
    Mike
    0

    Lightbox style macro wanted

    Hi all, new to the forums :)

    I'm looking for a lightbox type macro for Umbraco v3.0.6. Either a pop up media viewer or embedded in the page and cycles through a gallery of pics. Is there something like this available?

    On a related note is it possible to upload multiple images simultaneously with Umbraco? So far I only seem to be able to upload 1 at a time.

    Thanks

    Mike

  • Dirk De Grave 4541 posts 6021 karma points MVP 3x admin c-trib
    Aug 26, 2009 @ 10:52
    Dirk De Grave
    0

    Hi Mike,

    First of all: welcome.

    As for your question: any specific reason why you're using v306, is it an existing site you need to modify? If it's a new site, I recommend to use the latest stable production version (v4012). As for the lightbox type of macro... don't know of any by heart, but it should be pretty straightforward to implement one yourself as this is mostly pure html (altho may need some xslt to get all the pics - let us know if that's the issue)

    Yes, it is possible to upload multiple images at once. Have a look at this project.

     

    Cheers,

    /Dirk

  • Mike 16 posts 36 karma points
    Aug 26, 2009 @ 13:48
    Mike
    0

    Hi Dirk and thanks for the welcome.

    I'm actually just a CMS user, the back end of maintained in another office. We recently upgraded to 306 (from I believe 300) and I hear they're testing 4012 on a test server so that may be coming soon :)

    I understand the HTML of the vasrious lightboxes around but as for creating a macro, I wouldn't know where to begin. XSLT? Not something I'm familiar with!

    As for that zip uploader, that seems just what I need. Thanks for the link :)

    Mike

  • Dirk De Grave 4541 posts 6021 karma points MVP 3x admin c-trib
    Aug 26, 2009 @ 14:40
    Dirk De Grave
    0

    Mike,

     

    Xslt is probably the best to deal with such things as this is pure data display. If you need some more help, you'll have to get us some extra info in here to get you started on the xslt:

    - how's the html output you need?

    - how's the content/media section structured and where do the pics/video live (media/content section)?

     

    Looking forward to some more info.

     

    Cheers,

    /Dirk

  • Nik Wahlberg 639 posts 1237 karma points MVP
    Aug 27, 2009 @ 03:47
    Nik Wahlberg
    1

    Mike,

    this may be of some use to you. Take a look at Bob Baty-Barr's package for media galleries.

    http://packages.maliciousthinktank.com/gallerydemo/pics.aspx

    Thanks,
    Nik

  • Mike 16 posts 36 karma points
    Aug 27, 2009 @ 11:51
    Mike
    0

    Nik, judging by the demo on the fancybox site this seems to be just what I was looking for, thanks.

    Are there any install instructions for this though? I'm not sure how to proceed.

    Cheers

    Mike

  • Nik Wahlberg 639 posts 1237 karma points MVP
    Aug 31, 2009 @ 16:22
    Nik Wahlberg
    0

    Hi Mike, sorry for the delayed response.

    If you have not installeed packages before, here's how to go about that.

    1. Got to 'Developer' in your installed site
    2. Expand 'Packages'
    3. Select 'Install Local Package'
    4. Browse to the downloaded package above
    5. Click install and watch it go...

    After this is complete, you should be able to insert and use this package functionality like you noramlly would with any macros. Let us know if you have any trouble.

    Thanks,
    Nik

  • Mike 16 posts 36 karma points
    Sep 02, 2009 @ 12:11
    Mike
    0

    Hi Nik, I managed to find some instructions on how to install packages but unfortunately ImageGen is the only one I've found that works. All of the others report a "version required (45)" error. I've had a look inside the package.xml's to try and manually install but I can't figure out where the <documentypes> need to go.

    Mike

  • jigar 170 posts 233 karma points
    Sep 02, 2009 @ 13:45
    jigar
    0

    Hi Mike,

     

    Please look at the Featured Residence Section's View Gallary from www.regis.com.au site.

     

    We built this using XSLT and Jquery thick box combination.

    here is code snipet.

     

        <xsl:variable name="Residence_Image_1" select="$currentPage/data [@alias = 'Residence_Image_1']" />
            <xsl:if test="$currentPage/data [@alias = 'Residence_Image_1'] != ''">

         <div class="detail-images">   
            <div class="mask">
                 <a  title="" class="thickbox" rel="Recidence-Image-Gal" alt="Residence_Image_1">
                               <xsl:attribute name="href">
                                    <xsl:value-of select="$Residence_Image_1"/>
                                </xsl:attribute>
                        <img src="../../../images/mask.png" />
                    </a>
            </div>

                <a  title="" class="thickbox" rel="Recidence-Image-Gal" alt="Residence_Image_1">
                    <xsl:attribute name="href">
                        <xsl:value-of select="$Residence_Image_1"/>
                    </xsl:attribute>
                    <img height="160" width="234">
                        <xsl:attribute name="src">
                            <xsl:value-of select="$Residence_Image_1"/>
                        </xsl:attribute>
                    </img>
                </a>
        </div>

            </xsl:if>

            <xsl:variable name="Residence_Image_2" select="$currentPage/data [@alias = 'Residence_Image_2']" />
            <xsl:if test="$currentPage/data [@alias = 'Residence_Image_2'] != ''">
         
        <div class="detail-images">
             <div class="mask">
                 <a  title="" class="thickbox" rel="Recidence-Image-Gal" alt="Residence_Image_2">
                               <xsl:attribute name="href">
                                    <xsl:value-of select="$Residence_Image_2"/>
                                </xsl:attribute>
                        <img src="../../../images/mask.png" />
                    </a>
            </div>

                <a title="" class="thickbox" rel="Recidence-Image-Gal" alt="Residence_Image_2">
                    <xsl:attribute name="href">
                        <xsl:value-of select="$Residence_Image_2"/>
                    </xsl:attribute>
                    <img height="160" width="234">
                        <xsl:attribute name="src">
                            <xsl:value-of select="$Residence_Image_2"/>
                        </xsl:attribute>
                    </img>
                </a>
         </div>
            </xsl:if>

     

    You can email me @ [email protected] for more details of the same implimentations.

    Regards

    JIgar

     

     

Please Sign in or register to post replies

Write your reply to:

Draft