Print Page | Close Window

Super Image gallery with ajax

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=715
Printed Date: 30-November-2024 at 7:51pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com


Topic: Super Image gallery with ajax
Posted By: Louis
Subject: Super Image gallery with ajax
Date Posted: 25-March-2007 at 5:21pm

I have an idea. I fount this very cool ajax image gallery. I thought, is it possible to have this gallery shown as the general view?

Here's the link: http://smoothgallery.jondesign.net/showcase/gallery/ - http://smoothgallery.jondesign.net/showcase/gallery/

I uploaded one with an add-on; a lightbox. A lightbox is handy because the user doesn't have to exit the site and no popups. A lightbox is easy to install, the gallery will be a bit harder.

I will try and do it and let you know.

 

Download it here: http://www.earlyimpact.com/forum/uploaded_files/Louis/2007-03-25_171626_smoothgallery.zip - 2007-03-25_171626_smoothgallery.zip



-------------
Klibansky Designs
W: http://www.klibanskydesigns.com - http://www.klibanskydesigns.com
E: mailto:info@klibanskydesigns.com - info@klibanskydesigns.com



Replies:
Posted By: Louis
Date Posted: 25-March-2007 at 6:11pm

I made a lightbox using the clearbox script. To see how it works click on this next link and klik on the main image or on the zoom icon to see it in action. I havn't done it for multiple images yet.

http://www.artxpose.nl/productcart/pc/viewPrd.asp?idcategory=5&idproduct=41 - Click

If someone is interested in how it's made, let me know.



-------------
Klibansky Designs
W: http://www.klibanskydesigns.com - http://www.klibanskydesigns.com
E: mailto:info@klibanskydesigns.com - info@klibanskydesigns.com


Posted By: fidjiti
Date Posted: 25-March-2007 at 6:35pm
I'd be interested in knowing how to do that. I don't know if I'd use it for sure but it sure is nice and professional. Was is really difficult? 

-------------
Linda - I wish I knew ASP.
To view my ever evolving site click the "www" button below. :)


Posted By: Louis
Date Posted: 26-March-2007 at 6:00am

If youre using only 1 foto, this is btter because of no pop-ups.

First you add the following two lines to your header.asp in the head of the html:

<!-- Start Clearbox -->
<link type="text/css" rel="stylesheet" href="clearbox/css/clearbox.css" />
<script src="clearbox/js/clearbox.js" type="text/javascript"></script>
<script src="clearbox/js/clsource.js" type="text/javascript"></script>
<!-- Stop Clearbox -->

Then take this attached zip file and extract it in your pc folder (creating pc/clearbox with 3 dirs inside). http://www.earlyimpact.com/forum/uploaded_files/Louis/2007-03-26_055120_clearbox.zip - 2007-03-26_055120_clearbox.zip

Now open pc/viewPrdCode.asp and replace replace line 859 until 888 with the following:

  %>
    <div class="pcShowMainImage">
    <%
    '// If this is the pop window swap out the image for the selection
    if pcv_strPopWindowOpen = 1 then
     pcv_strVariableImage = pcv_strCurrentUrl
    else
     pcv_strVariableImage = pImageUrl
    end if
    %>
    <a href="catalog/<%=pLgimageURL%>" title="<%=pDescription%>" rel="clearbox">
    <img name='mainimg' src='<%=pcv_tmpNewPath%>catalog/<%=pImageUrl%>' alt="<%=pDescription%>" />
    </a>
    </div>
 
   <% if len(pLgimageURL)>0 then %>
    <div style="width:100%; text-align:right;">
    <% if InStr(Request.ServerVariables("HTTP_USER_AGENT"),"MSIE") OR InStr(Request.ServerVariables("HTTP_USER_AGENT"),"Firefox") then %>
    <a href="catalog/<%=pLgimageURL%>" title="<%=pDescription%>" rel="clearbox">
    <% elseif InStr(Request.ServerVariables("HTTP_USER_AGENT"),"Safari") then %>
    <a href="catalog/<%=pLgimageURL%>" title="<%=pDescription%>" rel="clearbox">
    <% else %>
    <a href="catalog/<%=pLgimageURL%>" title="<%=pDescription%>" rel="clearbox">
    <% end if %>
    <img src="<%=pcv_tmpNewPath%><%=rsIconObj("zoom")%>" border="0" hspace="10">
    </a>
    </div>
   <% end if %>
   
  <%

This is presuming that you are using the original asp file. Otherwhise look at the code above and try to find it and replace.

What youre doing is, oce you have the css ad js files included in the header of the html, when you add title="some title" rel="clearbox" inside the a-tag linking to any image, you will get the clearbox effect.

Greetz



-------------
Klibansky Designs
W: http://www.klibanskydesigns.com - http://www.klibanskydesigns.com
E: mailto:info@klibanskydesigns.com - info@klibanskydesigns.com



Print Page | Close Window

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net