In this example:
CSS Gallery Syndication via JavaScript
page code:
//Displays a a rotating image slideshow out of all CSS items
//Ideal width versus height ratio: 1.2 : 1
var thumbWidth="220px" //native width is 220px
var thumbHeight="170px" //native height is 170px
var delay=4000 //delay between image change: 3 seconds
var count=0;
function rotategallery(){
count++;
if (count==csssrc.length)
count=0;
if (window.createPopup)
galleryObj.filters[0].apply()
galleryObj.src=csssrc[count]
if (window.createPopup)
galleryObj.filters[0].play()
setTimeout("rotategallery()",delay)
}
function galleryurl(){
window.open(cssurl[count], "css")
}
function begingallery(){
galleryObj=document.getElementById? document.getElementById("cssgallery") : document.images.cssgallery
setTimeout('rotategallery()',delay)
}
[removed]('<a href="[removed]galleryurl()"><img src="'+csssrc[0]+'" width="'+thumbWidth+'" height="'+thumbHeight+'" name="cssgallery" id="cssgallery" border="1px" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle=\'PUSH\')"></a>')
window.onload=begingallery
galleryfeed.js:
//csstitles[]= array containing the title of the Gallery site
//csssrc[]= array containing the image path of the Gallery thumbnail
//cssurl[]= array containing the URL of the Gallery site page
//csscomments[]= array containing the # of comments for this Gallery site
//Total gallery sites in feed: 6. Call "csstitles.length" to find out on the fly.
//Default width of thumbnail: 174px. Height: 146px
var csstitles=new Array();
var csssrc=new Array();
var cssurl=new Array();
var csscomments=new Array();
csstitles[csstitles.length]="Occasions By Elizabeth";
csssrc[csssrc.length]="http://cssdrive.com/newgallery/occasionsbyelizabeth.jpg";
cssurl[cssurl.length]="http://www.cssdrive.com/index.php/main/galleryitem/occasions_by_elizabeth/";
csscomments[csscomments.length]=0;
csstitles[csstitles.length]="Beerenberg Farms";
csssrc[csssrc.length]="http://cssdrive.com/newgallery/beerenberg.jpg";
cssurl[cssurl.length]="http://www.cssdrive.com/index.php/main/galleryitem/beerenberg_farms/";
csscomments[csscomments.length]=0;
csstitles[csstitles.length]="Urban Roots";
csssrc[csssrc.length]="http://cssdrive.com/newgallery/urbanroots.jpg";
cssurl[cssurl.length]="http://www.cssdrive.com/index.php/main/galleryitem/urban_roots/";
csscomments[csscomments.length]=2;
csstitles[csstitles.length]="St. Charles Maryland";
csssrc[csssrc.length]="http://cssdrive.com/newgallery/stcharlesmd.jpg";
cssurl[cssurl.length]="http://www.cssdrive.com/index.php/main/galleryitem/st_charles_maryland/";
csscomments[csscomments.length]=1;
csstitles[csstitles.length]="Ahhh Design";
csssrc[csssrc.length]="http://cssdrive.com/newgallery/ahhh.jpg";
cssurl[cssurl.length]="http://www.cssdrive.com/index.php/main/galleryitem/ahhh_design/";
csscomments[csscomments.length]=2;
csstitles[csstitles.length]="NY NY Web Design";
csssrc[csssrc.length]="http://cssdrive.com/newgallery/newyorknewyorkwebdesign.jpg";
cssurl[cssurl.length]="http://www.cssdrive.com/index.php/main/galleryitem/ny_ny_web_design/";
csscomments[csscomments.length]=1;
How would you get the image url’s to open in thew ‘same window’ not a new one?
thanks