1

(1 replies, posted in TiltViewer-Pro)

Is there a way to have my TV display my flickr images (which are displayed from tags) in the order they appear on Flickr? Or is it a "random" type of deal? I'm using TV to display a temporary store for a website which would just have images and a description and price in the description and there a few different (front/back) images for each product and I would like them to fall right beside each other like they do in Flickr.

2

(11 replies, posted in TiltViewer-Pro)

nevermind, we're good :)

Thank You

3

(11 replies, posted in TiltViewer-Pro)

I've updated, still no transparency

4

(11 replies, posted in TiltViewer-Pro)

no help...

5

(11 replies, posted in TiltViewer-Pro)

I just downloaded it... So I hope it's the latest version.

http://bruceharveyonline.com/HTML/Gallery.html

6

(11 replies, posted in TiltViewer-Pro)

here is the code for that page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bruce Harvey Online - Gallery</title>
<script src="../SCRIPTS/swfobject_modified.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
browser_type=navigator.appName;
browser_version=parseInt(navigator.appVersion);
if(browser_type=="Microsoft Internet Explorer"&&(browser_version>=4)) {
    document.write("<link REL='stylesheet' TYPE='text/css' HREF='ie.css' />");}
    else if
    (browser_type=="Netscape"&&(browser_version>=4)) {
    document.write("<link REL='stylesheet' TYPE='text/css' HREF='ff.css' />");}
    //else () {document.write ("<link rel='stylesheet' type='text/css' href='default.css' />");}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<link href="../CSS/default.css" rel="stylesheet" type="text/css" />
<link href="../CSS/ff.css" rel="stylesheet" type="text/css" />
<link href="../CSS/ie.css" rel="stylesheet" type="text/css" />


</head>

<body onload="MM_preloadImages('../IMAGES/navigation/home2.png','../IMAGES/navigation/Projects2.png','../IMAGES/navigation/Shows2.png','../IMAGES/navigation/Store2.png','../IMAGES/navigation/Contact2.png')">
<div id="wrapper">
<div id="links"><p>
&nbsp;&nbsp;&nbsp;</p> <p> &nbsp;&nbsp;</p>&nbsp; &nbsp;&nbsp;&nbsp;
<a href="http://bruceharveyonline.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','../IMAGES/navigation/home2.png',1)"><img src="../IMAGES/navigation/home.png" name="Image12" width="39" height="18" border="0" id="Image12" /></a> &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;
            <a href="Projects.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','../IMAGES/navigation/Projects2.png',1)"><img src="../IMAGES/navigation/Projects.png" name="Image13" width="55" height="18" border="0" id="Image13" /></a>&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;

            <a href="Shows.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','../IMAGES/navigation/Shows2.png',1)"><img src="../IMAGES/navigation/Shows.png" name="Image14" width="178" height="18" border="0" id="Image14" /></a> &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;             
           <a href="Store.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','../IMAGES/navigation/Store2.png',1)"><img src="../IMAGES/navigation/Store.png" name="Image15" width="36" height="18" border="0" id="Image15" /></a>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;
            <a href="Contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','../IMAGES/navigation/Contact2.png',1)"><img src="../IMAGES/navigation/Contact.png" name="Image16" width="52" height="18" border="0" id="Image16" /></a>&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;
          <a href="#"><img src="../IMAGES/navigation/Gallery2.png" border="0" /></a>

</div>
  <div id="header"></div>
<div id="content2">
<script type="text/javascript" src="../IMAGES/Gallery/swfobject.js"></script> 
<div id="flashcontent">TiltViewer requires JavaScript and the latest Flash player. 
<a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div>
<script type="text/javascript">                
var fo = new SWFObject("../IMAGES/Gallery/TiltViewer.swf", "viewer", "640", "480", "9.0.28", "");

// TILTVIEWER-PRO CONFIGURATION OPTIONS
        // To use these options, uncomment them by removing the '//' at the start of the line
        // For a description of config options, go to: 
        // http://www.airtightinteractive.com/projects/tiltviewer/pro/config_options.html
        //
        fo.addVariable('user_id', '43055741@N03');
        fo.addVariable('tags', 'gallery');
        //fo.addVariable('tag_mode', 'any');        
        fo.addVariable('columns', '5');
        fo.addVariable('rows', '3');
        fo.addVariable('linkLabel', 'View .jpeg');
        fo.addVariable('showLinkButton', 'true');
        fo.addVariable('showTakenByText', 'false');
        //fo.addVariable('zoomedInDistance', '1400');
        //fo.addVariable('zoomedOutDistance', '7500');
        //fo.addVariable('fontName', 'Times');
        //fo.addVariable('titleFontSize', '50');
        //fo.addVariable('descriptionFontSize', '20');
        //fo.addVariable('linkFontSize', '40');    
        //fo.addVariable('textColor', '0xff0000');
        //fo.addVariable('linkTextColor', '0x00ff00');
        //fo.addVariable('linkBkgndColor', '0x0000ff');        
        fo.addVariable('frameColor', '0xFFFFFF');
        fo.addVariable('backColor', '0xFFFFFF');
        //fo.addVariable('bkgndInnerColor', '0xFFFFFF');
        //fo.addVariable('bkgndOuterColor', '0xFFFFFF');         
        fo.addParam('wmode', 'transparent');  
        fo.addVariable('bkgndTransparent', 'true');  
        fo.addVariable('showFullscreenOption', 'false');
        //
        // END TILTVIEWER-PRO CONFIGURATION OPTIONS

fo.addParam('allowFullScreen', 'false');
fo.write('flashcontent');
</script>        
</div>
<div id="footer"><p>
&nbsp;&nbsp;&nbsp;</p> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

<a href="http://bruceharveyonline.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','../IMAGES/navigation/home2.png',1)"><img src="../IMAGES/navigation/home.png" name="Image17" width="39" height="18" border="0" id="Image17" /></a> &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;
            <a href="Projects.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','../IMAGES/navigation/Projects2.png',1)"><img src="../IMAGES/navigation/Projects.png" name="Image10" width="55" height="18" border="0" id="Image10" /></a>&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;
            <a href="Shows.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','../IMAGES/navigation/Shows2.png',1)"><img src="../IMAGES/navigation/Shows.png" name="Image9" width="178" height="18" border="0" id="Image9" /></a> &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;             
           <a href="Store.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','../IMAGES/navigation/Store2.png',1)"><img src="../IMAGES/navigation/Store.png" name="Image8" width="36" height="18" border="0" id="Image8" /></a>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;

            <a href="Contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','../IMAGES/navigation/Contact2.png',1)"><img src="../IMAGES/navigation/Contact.png" name="Image7" width="52" height="18" border="0" id="Image7" /></a>&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;
          <a href="#"><img src="../IMAGES/navigation/Gallery2.png" border="0" /></a>

</div><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>



</div>
</div>

</body>
</html>

7

(11 replies, posted in TiltViewer-Pro)

I'm having Transparency issues... I've already referred to the online manual on how to use it. But I can't get it to work. Ive included the:

    fo.addParam('wmode', 'transparent');  
        fo.addVariable('bkgndTransparent', 'true');  
        fo.addVariable('showFullscreenOption', 'false');

Although, it will not work. I have tiltviewer positioned about a background image of carbon fiber which I would love fore it to show through. I've searched this entire forum for answers, but haven't found any. Help would be greatly appreciated.