/    Sign up×
Community /Pin to ProfileBookmark

Tricky image gallery

Hi!

This is my first post here, so I hope this is the right section.
I’m designing a website which contains an image gallery.
The page is structured with a table in the top part of the page and the gallery in the bottom part.
The requirements are these:

[LIST]

  • [*]

    in the “photo” page, the gallery shows up with the image thumbnails


  • [*]

    when a thumbnail is clicked, the full-size image pops up and becomes the only thing visible and MUST be aligned with the top of the page.


  • [*]

    it must be possible to navigate the gallery in the full-size image mode, that is clicking on the right border of the full-size image you go to next picture and on the left you go to previous.


  • [/LIST]

    I’ve tryed using a flash gallery (I’m a beginner with AS3) and structuring the page using a full-page div atop of the menus, which contains the flash gallery, but I can’t solve the click-through-a-swf problem, which renders the menu unusable.
    So I’ve decided to turn to JS (I’m a java programmer but with no exp on website development).

    Furthermore the second point means menus and thumbnails can either be beneath the full image or in another page. So the question is: is it better to use different pages

    So my questions are: which one is best between AS3 and JS? And is it easier/better to use one single page or two separate pages for the gallery?

    Thx a lot for any help!
    T.

    to post a comment
    Full-stack Developer

    0Be the first to comment 😎

    ×

    Success!

    Help @Tesctassa spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 BETA 5.18,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...