Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • gianfranco Friend
    #157295

    Hi all, may I know how to insert the buttons to see next or previsiuos video/photo in the tabs in homepage?
    I meen like the photos in the article where in the popup two buttons are showed to navigate the photo.

    Thanks
    G.

    Phan Gam Friend
    #366297

    Hi,
    To show next/pre button on popup, you have to group image or video in japopup tag as systax
    {japopup type=”image” content=”….” title=”Sample title” group=”groupname”} …. {/japopup}
    For example: For Photo gallery modules.

    <div class="ja-video-thumb">{japopup type="image" content="images/stories/demo/gallery/gl-1.png" width="700" height="380" title="Sample image" group="image_group" }<img src="images/stories/demo/gallery/gl-1.png" border="0" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-2.png" width="700" height="380" title="Sample image" group="image_group" }<img src="images/stories/demo/gallery/gl-2.png" border="0" alt="Sample image" width="100" />{/japopup}
    .
    Try on your site, hope that helps

    gianfranco Friend
    #366311

    This is what I’ve done, and seems to be like your…. but still I have no next/prev button:)

    <div class="ja-video-thumb">{japopup type="image" content="images/stories/demo/gallery/gl-1.png" width="700" height="380" title="Sample image" }<img src="images/stories/demo/gallery/gl-1.png" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-2.png" width="700" height="380" title="Sample image" }<img src="images/stories/demo/gallery/gl-2.png" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-3.png" width="700" height="380" title="Sample image"}<img src="images/stories/demo/gallery/gl-3.png" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-4.jpg" width="700" height="380" title="Sample image" }<img src="images/stories/demo/gallery/gl-4.jpg" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-5.jpg" width="700" height="380" title="Sample image"}<img src="images/stories/demo/gallery/gl-5.jpg" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-6.jpg" width="700" height="380" title="Sample image"}<img src="images/stories/demo/gallery/gl-6.jpg" alt="Sample image" width="100" />{/japopup}</div>

    Phan Gam Friend
    #366313

    <em>@gianfranco 207956 wrote:</em><blockquote>This is what I’ve done, and seems to be like your…. but still I have no next/prev button:)

    <div class="ja-video-thumb">{japopup type="image" content="images/stories/demo/gallery/gl-1.png" width="700" height="380" title="Sample image" }<img src="images/stories/demo/gallery/gl-1.png" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-2.png" width="700" height="380" title="Sample image" }<img src="images/stories/demo/gallery/gl-2.png" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-3.png" width="700" height="380" title="Sample image"}<img src="images/stories/demo/gallery/gl-3.png" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-4.jpg" width="700" height="380" title="Sample image" }<img src="images/stories/demo/gallery/gl-4.jpg" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-5.jpg" width="700" height="380" title="Sample image"}<img src="images/stories/demo/gallery/gl-5.jpg" alt="Sample image" width="100" />{/japopup} {japopup type="image" content="images/stories/demo/gallery/gl-6.jpg" width="700" height="380" title="Sample image"}<img src="images/stories/demo/gallery/gl-6.jpg" alt="Sample image" width="100" />{/japopup}</div>
    </blockquote>
    Hi,
    Look at your code, i don’t see “group” property, Please add it, and try again
    EX:
    {japopup type=”image” content=”images/stories/demo/gallery/gl-1.png” width=”700″ height=”380″ title=”Sample image” group=”sample”}<img src=”images/stories/demo/gallery/gl-1.png” alt=”Sample image” width=”100″ />{/japopup} {japopup type=”image” content=”images/stories/demo/gallery/gl-2.png” width=”700″ height=”380″ title=”Sample image” group=”sample”}<img src=”images/stories/demo/gallery/gl-2.png” alt=”Sample image” width=”100″ />{/japopup}

    gianfranco Friend
    #366316

    You was right Phan!
    Thanks a lot that solved my issue.

    Thanks
    G.

    P.S: May I do the same thing for the video? I meen have the next/prev button?

    May I ask you some else?
    clould you take a look at this post and let me know if there is a solution?

    my old post

    thanks
    G.

    Phan Gam Friend
    #366463

    Hi,
    1. With Japopup, you can group video as that way.
    2. For embeded a video in JA News FP seems not available. JA News FP only support show article’s image.
    Regards!

Viewing 6 posts - 1 through 6 (of 6 total)

This topic contains 6 replies, has 2 voices, and was last updated by  Phan Gam 13 years, 11 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum