Topic: Transparent background

Hi there. A client of mine just bought a copy of TW-pro. I have succeeded all his request except using an alternative background. Is it possible to have a transparent background like its possible in simpleviewer.

Thanks for a cool mashup anyways, keep it up!

Re: Transparent background

Is it possible to have a transparent background like its possible in simpleviewer.

I would like that very much too. Especially because if you have a large screen and maximize you're browser window - the flash-background isn't pretty anymore.

The background looks like a low compressed JPG on my 1920x1200 screen
[img]http://eyepulse.com/arkiv/remotefiles/questionsasked/notprettytiltviwerbg.gif[/img]

Re: Transparent background

Yeah, would really love this feature as well as I would like my BG of my site to be seen behind TiltViewer.

BTW, do we get an email when the new version comes out or do we have to keep an eye on this?

Re: Transparent background

Background Transparency is now supported in TiltViewer v1.3. Please check the docs and examples for details: http://www.airtightinteractive.com/proj … /docs.html

Felix Turner
SimpleViewer Support Team.

Re: Transparent background

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.

Re: Transparent background

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>

Re: Transparent background

Are you using the latest version of TiltViewer-Pro? What's the URL of your page?

Felix Turner
SimpleViewer Support Team.

Re: Transparent background

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

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

Re: Transparent background

no help...

Re: Transparent background

Hi,

http://bruceharveyonline.com/HTML/Gallery.html is not using the latest TiltViewer-Pro.

You can use your original download link (sent by email) to get the latest
version.

If you cannot locate your original download link, please fill out this form
to receive a new link:

http://www.simpleviewer.net/simpleviewe … _form.html

Regards,

Felix Turner
Airtight Interactive Inc.

Felix Turner
SimpleViewer Support Team.

Re: Transparent background

I've updated, still no transparency

Re: Transparent background

nevermind, we're good smile

Thank You