Simple Mosaic Web Library

Posted on 2016-09-21
Last Modified: 2016-09-24
I'm looking for a basic web library/script that will all a user to upload a few photos and then those photos will then be displayed as a mosaic and rotate.
Question by:N R
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
LVL 57

Expert Comment

by:Julian Hansen
ID: 41810829
Not sure I am with you on the rotate bit - can you explain a bit more.
LVL 50

Assisted Solution

by:Steve Bink
Steve Bink earned 250 total points
ID: 41810851
I recommend you take a look at WOW Slider.  It has a number of change effects which may fit what you want.

You can also try Nivo Slider.  I have used it in Joomla development, and it is fantastic.
LVL 11

Author Comment

by:N R
ID: 41810893
@Julian I mean rotate ans in it's a mosaic wall like this:

And the images change on a timer 1 by 1.
Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

LVL 57

Assisted Solution

by:Julian Hansen
Julian Hansen earned 250 total points
ID: 41810945
So do you mean a carousel as opposed to rotating the image 90 degrees so it's orientation changes?

There are two parts to this
1. Uploading images
2. The display of those images

You will in all likelihood need two different solutions.

Is your use case exactly the same as the link - or do you have a different scenario?

For instance - when you upload
- where do the images need to go - is there meta information that needs to be stored with them
- or do they just go into a folder. Do they need to be named in any particular way
- how do you envisage grouping them
  - as part of the upload or after the fact through a backend
- how will the visitor see the images
   - immediately after upload
   - or by going to a different page

Just some of the questions that will help to narrow down a solution.
LVL 11

Author Comment

by:N R
ID: 41810959
Correct completely change out the images for a new one, not rotate the image 90 degrees.

We've narrowed down some on our end and the images we already have an uploader for.  

We just need the mosaic utility that shows the images and rotates them in and out, we'll be pulling the image links from database and passing to the mosaic.  Immediately after upload, they will be in the database so will show up in mosaic as they rotate in.
LVL 57

Accepted Solution

Julian Hansen earned 250 total points
ID: 41810990
I suspect you are looking for a filmstrip carousel - don't have any I can recommend - usually just write these things from scratch but understand that is no the solution for most.

Try doing a search on filmstrip carousel and see if that brings up what you are looking for.

I am assuming there is a reason you can't / unable to use the autogrid on the link you showed me?
LVL 11

Author Comment

by:N R
ID: 41813685
Ok, searched some, but looks like I'm going to have to build as needed mostly from scratch vs a plugin.

LVL 57

Expert Comment

by:Julian Hansen
ID: 41813706
You are welcome - good luck.

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article was originally published on Monitis Blog, you can check it here . Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

710 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question