Highlighted

Responsive image gallery

Explorer ,
Apr 05, 2019

Copy link to clipboard

Copied

Hi,

I need to do an image gallery with thumbnails like this example.

It needs to be about 45% width of the browser window and ofcourse responsive.

I've created a similar thing in Flash years ago but I'm not sure if Animate can produce the same thing that would work in all browsers (without flash player obviously).

Can anyone recommend the best way forward with this as I don't want to spend time producing something that's not going to work on all devices.

Here's an example of what I'm trying to achieve:

https://camaloon.co.uk/personalised-badges/square-badges

Thanks for any advice

Adobe Community Professional
Correct answer by kglad | Adobe Community Professional

create an html5 projject and tick make responsive in the publish settings.  check the publish js file and change the onResize iw and ih to be .45 of the innerwidth and innerheight

TOPICS
Discussions

Views

107

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Responsive image gallery

Explorer ,
Apr 05, 2019

Copy link to clipboard

Copied

Hi,

I need to do an image gallery with thumbnails like this example.

It needs to be about 45% width of the browser window and ofcourse responsive.

I've created a similar thing in Flash years ago but I'm not sure if Animate can produce the same thing that would work in all browsers (without flash player obviously).

Can anyone recommend the best way forward with this as I don't want to spend time producing something that's not going to work on all devices.

Here's an example of what I'm trying to achieve:

https://camaloon.co.uk/personalised-badges/square-badges

Thanks for any advice

Adobe Community Professional
Correct answer by kglad | Adobe Community Professional

create an html5 projject and tick make responsive in the publish settings.  check the publish js file and change the onResize iw and ih to be .45 of the innerwidth and innerheight

TOPICS
Discussions

Views

108

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 05, 2019 0
Adobe Community Professional ,
Apr 05, 2019

Copy link to clipboard

Copied

create an html5 projject and tick make responsive in the publish settings.  check the publish js file and change the onResize iw and ih to be .45 of the innerwidth and innerheight

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 05, 2019 0
Explorer ,
Apr 05, 2019

Copy link to clipboard

Copied

Hi and thanks for your response.

I'm going to look at that because although there are a ton of ready made plugins, I really want to experiment with something a bit original and different.

I think one of the consequences of having all these libraries for ready made templates for all manner of projects is that the whole web is beginning to look a bit "samey"!

Thanks again and have a great weekend.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 05, 2019 0
kglad LATEST
Adobe Community Professional ,
Apr 05, 2019

Copy link to clipboard

Copied

you're welcome.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 05, 2019 0