Member Avatar for Nfurman

Hi, I need some free picture viewer to plug him into my aspx page. It should have to navigation buttons << | >>. Can somebody advice me some?

  • 2 Contributors
  • 2 Replies
  • 97 Views
  • 9 Hours Discussion Span
  • Latest Post Latest Post by Nfurman

Dani AI

Generated

For : two practical patterns work well for embedding a simple, free picture viewer into an ASPX page. A small client-side script that swaps an <img> src gives the snappiest experience with zero full postbacks. The server-side route using an ASP.NET Image control with partial postbacks (as suggested) is fine when server logic must decide images, but it is heavier on latency.

A minimal client-side starter (inject the image list from the server as JSON, then let JS handle navigation and preloading):

<img id="imgViewer" src="images/1.jpg" alt="Gallery image" style="max-width:100%;height:auto" />
<button id="prev" aria-label="Previous">&lt;&lt;</button>
<button id="next" aria-label="Next">&gt;&gt;</button>

<script>
var images = ['images/1.jpg','images/2.jpg','images/3.jpg'];
var idx = 0;
function show(i) {
  idx = (i + images.length) % images.length;
  var el = document.getElementById('imgViewer');
  var preload = new Image(); preload.src = images[(idx+1)%images.length]; // preload next
  el.src = images[idx];
}
document.getElementById('next').addEventListener('click', function(){ show(idx+1); });
document.getElementById('prev').addEventListener('click', function(){ show(idx-1); });
</script>

Integration tips and alternatives: emit the images array from WebForms (for example serialize a server list into a script block), or use a free client-side gallery for extra UI (Lightbox, PhotoSwipe, Swiper, Slick — check current project status and license before use). ResolveUrl helps produce correct client URLs when images sit in the web app.

Troubleshooting and cautions: ensure correct URL/path generation, sanitize filenames to avoid directory traversal, serve thumbnails for faster initial load, set cache headers, keep image container size fixed to avoid layout shifts, add alt text and keyboard handlers for accessibility, and consider a server-side handler (ashx) if headers, authentication, or dynamic resizing are needed.

Recommended Answers

All 2 Replies

Member Avatar for kdcorp87

insert a picturebox and navigation button in a ajax update panel.
write the change of image location url of imagebox in buttons event click function.

Member Avatar for Nfurman

Thank you for your answer. Sounds romantic. I'll try to develop something this way.

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.