Member Avatar for OmniX

I saw one of these and looked very effective and professional.

I have been doing research and four methods have come up:
- Flash
- Javascript
- CSS
- PHP

So which to use and why?

and

If so how do I make one? Any tutorials?

Thanks, Regards X

  • 2 Contributors
  • 2 Replies
  • 117 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by OmniX

Dani AI

Generated

As is trying to reproduce those side-scrolling galleries and asked if Flash is the right tool: Flash is no longer practical for modern web work. As hinted, the solution is a mix of front-end building blocks — CSS for layout, JS for interaction — with server code only if you need CMS or dynamic image feeds. Native HTML/CSS + small JS gives responsive, touch-friendly, accessible galleries that work on phones and desktop.

Start with a semantic horizontal layout and CSS Scroll Snap for snap-to-panel behavior:

.gallery {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.gallery > .slide {
  flex: 0 0 80%;
  scroll-snap-align: center;
}

Use that as the progressive-enhancement baseline, then add JS for controls, pagination, preloading and keyboard handling. For lazy loading and efficient image delivery use Intersection Observer and responsive images (srcset/sizes) — see the MDN guides for Intersection Observer and Responsive images. If you want a ready-made, well-tested component with touch momentum, looping and accessibility features, consider a maintained library such as Swiper.

Practical tips: optimize images (WebP/AVIF, correct dimensions), preload the next image, respect prefers-reduced-motion (MDN), add ARIA roles and keyboard controls, and test on iOS (use -webkit-overflow-scrolling: touch and prefer transforms for animations to avoid jank). Suggested workflow: build the CSS-only version, add lazy loading, then layer JS or a library for advanced UX and server-side logic only for management or dynamic feeds.

Recommended Answers

All 2 Replies

Member Avatar for Member #114696

Use all. All are building blocks of making a complete site, among which CSS is damn necessary. JavaScript is also very useful tool. To make a dynamic site, err I mean one with database access, server side processing and all learn PHP. Flash if used properly will make your page very interactive.

Member Avatar for OmniX

Looking to recreate the below with flash (unless it would be better using something different)

Im looking for something like this:

and while im at it something like this as well:

Thanks, Regards X

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.