Member Avatar for mughal_states

http://www.2amdesign.co.uk/web-site-design-uk/
plz visit this link and tell me how to scroll portfolio images like the one in the above mentioned site .... when u click next project button on this page ..... plz help me ...... !

  • 3 Contributors
  • 2 Replies
  • 82 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by SKANK!!!!!

Dani AI

Generated

A concise expert note building on the replies by , and .

The visible effect is a horizontal sliding gallery: a masked viewport (overflow:hidden) contains a single long "track" with slides laid out side‑by‑side. Navigation moves that track with a translation so the browser can animate on the GPU (smooth, low CPU). Reproducing the behavior reliably requires consistent slide sizing, image preloading or explicit dimensions (to avoid reflow), and animating with transforms rather than layout-changing properties.

Practical checklist and troubleshooting:

  • Ensure the viewport width equals one slide and the track places slides horizontally (flex or inline layout).
  • Give images intrinsic width/height or use aspect-ratio to prevent jumps while loading.
  • Use transform translations (translateX/translate3d) or CSS transitions for smooth motion; consider will-change for modern browsers.
  • Common problems: jumps from unloaded images, gaps from whitespace or fractional pixels, and unexpected wrapping from floats—inspect computed widths in DevTools.
  • For dynamic content, recalculate offsets on resize and throttle resize handlers.

Accessibility and modern options: add keyboard controls, focus management and visible pause controls for any autoplay. For implementation references and performance guidance see MDN: transform and consider a maintained slider library such as Swiper or the wider jQuery ecosystem for legacy projects.

Recommended Answers

All 2 Replies

Member Avatar for peter_budo

They used jQuery

Member Avatar for SKANK!!!!!

yeah jquery looks like the coda slider to me or something like that. u probably figured that out already toguh

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.