Hi-
I just decided to install CMS Made Simple as a very simple interface for my parent's web site. What I want to do is have a simple product manager, without installing a shopping cart system, that my mom could just browse to the file and upload without any other major work.
My idea is to use the image gallery code, and modify it so that a brief description can be written underneath the thumbnail, then when the thumbnail is pressed, a more detailed page comes up. It would also need to have options to resize the graphics when I upload them (say to a max width of 400 px).
Has anybody attempted this? Does anybody have any recommendations on where to start? I've played with php in the past, but I'm not too great, maybe somebody else is interested in helping me. Thanks!
Modifying gallery code for product management
-
kai920
Re: Modifying gallery code for product management
I am looking for something with exactly the same functions! Will keep an eye out on this thread for developments.
Re: Modifying gallery code for product management
What do you think... automatic resize for new window? Code for resize of window from creloaded product catalog.
When your idea will by done, name can by Catalog (modul) made simple 
Code: Select all
<__html>
<head>
<__script__ language="javascript"><!--
var i=0;
var s=0;
function resize() {
if (navigator.appName == 'Netscape') i=40;
if (window.navigator.userAgent.indexOf("SV1") != -1) s=20; //This browser is Internet Explorer in SP2.
if (document.images[0]) window.resizeTo(document.images[0].width +30, document.images[0].height+60-i+s);
self.focus();
if (document.images[0]) {
imgHeight = document.images[0].height+120-i;
imgWidth = document.images[0].width+30;
var height = screen.height;
var width = screen.width;
var leftpos = width / 2 - imgWidth / 2;
var toppos = height / 2 - imgHeight / 2;
window.moveTo(leftpos, toppos);
window.resizeTo(imgWidth, imgHeight);
}
}
//--></__script>
</head>
</__body onload="resize();">
<a href="javascript:;" onclick="javascript:top.window.close();">
<img src="images/example_image400x600.jpg"></a>
<__body>
</__html>
