• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

TKatch
#1 Posted : Friday, November 22, 2013 6:08:47 PM(UTC)
TKatch

Rank: Member

Joined: 1/23/2013(UTC)
Posts: 251
Location: Joliet, IL

Thanks: 59 times
Has anyone developed an image gallery add-on? My gallery with a simple table is getting too big and too difficult to maintain, besides being kind of crappy.
Aaron
#2 Posted : Wednesday, November 27, 2013 9:46:33 AM(UTC)
Aaron

Rank: Administration

Joined: 4/2/2004(UTC)
Posts: 2,305
United States
Location: Hummelstown, PA

Thanks: 6 times
Was thanked: 147 time(s) in 142 post(s)
I know that Aram at Avecom developed an image viewer plugin called SmartView. You can contact him from the partner page.
Aaron Sherrick
BV Commerce
Toll-free 888-665-8637 - Int'l +1 717-220-0012
TKatch
#3 Posted : Wednesday, November 27, 2013 10:51:24 AM(UTC)
TKatch

Rank: Member

Joined: 1/23/2013(UTC)
Posts: 251
Location: Joliet, IL

Thanks: 59 times
I have Avecom's SmartView, but that is just a product page image viewer, not an image gallery page. I'm looking for a real image gallery. Can I just use a custom page or category page and add something like this: http://highslide.com/ for $29?
Aaron
#4 Posted : Wednesday, November 27, 2013 11:08:32 AM(UTC)
Aaron

Rank: Administration

Joined: 4/2/2004(UTC)
Posts: 2,305
United States
Location: Hummelstown, PA

Thanks: 6 times
Was thanked: 147 time(s) in 142 post(s)
Ah, OK. I misunderstood what you were looking for. There are a bevy of options for this kind of software, many of which are free. It really comes down to how much you want the software to do. For example, do you need it to dynamically resize your images? If so, you will need something that was written in ASP.NET. If you don't need that a JavaScript-only solution like you posted should work fine. I'll also have our designer add his two cents to this post when he gets back from Thanksgiving vacation.
Aaron Sherrick
BV Commerce
Toll-free 888-665-8637 - Int'l +1 717-220-0012
 1 user thanked Aaron for this useful post.
Nathan
#5 Posted : Wednesday, November 27, 2013 5:39:39 PM(UTC)
Nathan

Rank: Member

Joined: 3/25/2013(UTC)
Posts: 36
Location: Hummelstown, PA

Was thanked: 4 time(s) in 3 post(s)
I'd use a bv page for this. You'd probably want to create a new page template to use.

All you would have to do is put all your thumbnails on the page and link each one to the larger version.

<a href="path/to/big/image1.jpg" class="group1"><img src="path/to/small/image1.jpg" alt="" /></a>
<a href="path/to/big/image2.jpg" class="group1"><img src="path/to/small/image2.jpg" alt="" /></a>
<a href="path/to/big/image3.jpg" class="group1"><img src="path/to/small/image3.jpg" alt="" /></a>
<a href="path/to/big/image4.jpg" class="group1"><img src="path/to/small/image4.jpg" alt="" /></a>

Add the Colorbox lightbox into the mix. http://www.jacklmoore.com/colorbox/

Add this inside the <head> tag of the custom page template you create:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="path/to/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
$(".group1").colorbox({rel:'group1'});
});
</script>

You'll have something like this: http://www.jacklmoore.com/colorbox/example2/ only instead of having text anchors, you'll have image thumbnails. Every thumbnail with a class of group1 (in this case) will be navigable within the lightbox using the arrows.
Nathan Baker
BV Commerce
Toll-free 888-665-8637 - Int'l +1 717-220-0012
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

©2020 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012