slide show within main content area fixed no side bar

A place to ask questions and get help. Be the first on your block to post ...

slide show within main content area fixed no side bar

Postby caggens » Mon Sep 12, 2005 5:01 pm

I am rebuilding our old website, which resembles the layout of the fixed no side bar template. My goal is to reproduce the website using the template. The original has a slide show in the main content area. Is there a way to put a slide show in the main content area of the fixed no side bar template?

Old site that I am trying to reproduce: www.unl.edu/art

New site under construction: www.unl.edu/testart

Any other feedback welcome.

Thanks
caggens
 
Posts: 65
Joined: Tue Jun 21, 2005 10:52 am
Location: RH 120

Postby saltybeagle » Tue Sep 13, 2005 8:46 am

Random images are very easy to add to the template pages.

First, give the image you want random a unique ID attribute (I'm going to use randimg1).
Code: Select all
<img id="randimg1" src="" alt="Random campus image" />


Next, create a javascript file for the random images (You can use the leftRandomPromo.js or rightRandomPromo.js files in the sharedcode directory as a template for this file). Follow the directions within the template javascript files for what to put in each array, then save this file within your sharedcode directory.

Here's an example file I called randimg1.js
Code: Select all
/*
   Feel free to change these and add your own images.
   Each image has up to 4 attributes associated with it:
   [0] = URL of the image source (.jpg .gif) *
   [1] = ALT text description of the image *
   [2] = URL to take the client to when the image is clicked (optional)
   [3] = javascript onclick events (optional)
   
   The images will rotate after the number of seconds given to the rotateImg
   function (0 for no rotate).
 */
var imgArray1   = new Array;
imgArray1[0]   = new Array;
imgArray1[0][0]   = "http://www.unl.edu/unlpub/2004sharedgraphics/splash_strollhaymarket.jpg";
imgArray1[0][1]   = "Strolling in the Haymarkey District";
imgArray1[0][2]   = "";
imgArray1[0][3]   = "";
imgArray1[1]   = new Array;
imgArray1[1][0]   = "http://www.unl.edu/unlpub/2004sharedgraphics/splash_cathergarden.jpg";
imgArray1[1][1]   = "Cather Garden, City Campus";
imgArray1[1][2]   = "";
imgArray1[1][3]   = "";
imgArray1[2]   = new Array;
imgArray1[2][0]   = "http://www.unl.edu/unlpub/2004sharedgraphics/splash_michaeljames.jpg";
imgArray1[2][1]   = "Michael James, Professor &amp; Quiltmaker";
imgArray1[2][2]   = "";
imgArray1[2][3]   = "";

rotateImg("imgArray1","randimg1",0);


Take care to change the last line of the javascript file to reference the correct array (imgArray1) and the correct image ID (randimg1).

Then simply add a reference to this javascript file on your page AFTER the image.
Code: Select all
<script type="text/javascript" src="randimg1.js"></script>


Good luck.
Brett Bieber
Image
saltybeagle
 
Posts: 376
Joined: Fri Jan 16, 2004 3:10 pm
Location: 321 Admin

Postby caggens » Tue Sep 13, 2005 1:44 pm

Thanks. It works.
caggens
 
Posts: 65
Joined: Tue Jun 21, 2005 10:52 am
Location: RH 120


Return to Help & Assistance

Who is online

Users browsing this forum: No registered users and 2 guests

cron