Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

I want to have changing pictures on the main page


Whiskers

Recommended Posts

Posted

Hi all,

 

I want to be able to put a picture on the main page above the new products section, where the other little picture used to be, but I want it to keep changing between multiple pictures that I have. How can I do this?

 

Thanks in advance!

  • 2 weeks later...
Posted

This is just an idea but what I might do is install the "Featured Products" contribution. On the step where is asks you to edit the catalog/index page and replace the new products info box which is step 13 in version 1.6.3, just add the code above the new products box instead of replacing it. This will give you the featured products box on top of the new products box. In the store configuration under the "Featured" heading just put max items to display to 1. In the admin screen under catalog section enter multiple featured items and the products should rotate at random. The only problem you would encounter is that you now have a infobox around the random images. To get rid of that I think you need to define a new infobox heading and border in catalog/includes/boxes/featured.php and change your stylesheet to whatever you want your box to look like. Here's a link to a contrib to help with this info box contrib.

 

Hope this helps

When you have eliminated the impossible, whatever remains, however improbable, must be the truth.

-Sherlock Holmes

  • 2 weeks later...
Posted

I think I could use this http://addons.oscommerce.com/info/6612 if the products section was changed to the section where a picture is. Then I could make a file with all the pictures in that I want it to go through I guess. Anyone know how to change this addon to make this work?

Posted
jquery innerfade

 

search google for that

 

After much Googling trying to find something that will work with osC, I have come across the Dynamic Drive website, which is full of really great stuff that I think I could use.

 

Thanks burt!

Posted

Right this is exactly what I want here, http://www.dynamicdrive.com/dynamicindex14/image4.htm

 

Here is the code that I have put in where the MAIN PAGE section is normally.

 

<td><a href="java script:gotoshow()"><img src="/images/frontpageimage1.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width=615 height=306></a>

 

<script language="JavaScript1.1">

<!--

 

var whichlink=0

var whichimage=0

var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0

function slideit(){

if (!document.images) return

if (ie) document.images.slide.filters[0].apply()

document.images.slide.src=imageholder[whichimage].src

if (ie) document.images.slide.filters[0].play()

whichlink=whichimage

whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0

setTimeout("slideit()",slidespeed+blenddelay)

}

slideit()

 

//-->

</script>

<script language="JavaScript1.1">

<!--

 

//*****************************************

// Blending Image Slide Show Script-

// © Dynamic Drive (www.dynamicdrive.com)

// For full source code, visit http://www.dynamicdrive.com/

//*****************************************

 

//specify interval between slide (in mili seconds)

var slidespeed=3000

 

//specify images

var slideimages=new Array("frontpageimage1.jpg","frontpageimage2.jpg","frontpageimage3.jpg")

 

//specify corresponding links

var slidelinks=new Array("")

 

var newwindow=0 //open links in new window? 1=yes, 0=no

 

var imageholder=new Array()

var ie=document.all

for (i=0;i<slideimages.length;i++){

imageholder=new Image()

imageholder.src=slideimages

}

 

function gotoshow(){

if (newwindow)

window.open(slidelinks[whichlink])

else

window.location=slidelinks[whichlink]

}

 

//-->

</script></td>

 

 

Now I have got my first picture up, but it doesn't blend into the other pictures. I am sure it has something to do with needing JavaScript, but I haven't got a clue. But at least I am one step closer to what I need. How can I make this work?

  • 4 months later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...