• Registered: 2011-05-20
  • Posts: 5

Topic: Set autoviewer transparent with iframes

I've hunted through forum but to no avail.

I have multiple autoviewer galleries on one html page, but the images are appearing in front of other divs.

Please help me move them to the back.

        http://www.yorkshirerosedogrescue.co.uk/news.htm

I attempted to change how I was embedding to use fo.addParam("wmode", "transparent"); but I couldn't get the galleries to work on one page.

Is it possible to continue using ifames and move the galleries to the back?

Struggling, please help.

      <div id="specificevents">
        <div id="TabbedPanels1" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">News</li>
            <li class="TabbedPanelsTab" tabindex="0">Events</li>
            <li class="TabbedPanelsTab" tabindex="0">Newsletters</li>
            <li class="TabbedPanelsTab" tabindex="0">Dog Show</li>
</ul>
          <div class="TabbedPanelsContentGroup">
            <div class="TabbedPanelsContent">
              <div id="newspics"><iframe src="http://www.yorkshirerosedogrescue.co.uk/svmanager/g46/" width="670px" frameborder="0" height="120px" allowtransparency="true" align="left"""></iframe></div>
            </div>
            <div class="TabbedPanelsContent">To be updated</div>
            <div class="TabbedPanelsContent">
              <div id="newsletterpics"><iframe src="http://www.yorkshirerosedogrescue.co.uk/svmanager/g47/" width="670px" frameborder="0" height="120px" allowtransparency="true" align="left"""></iframe></div>
<div id="newsletters"></div>
            </div>
            <div class="TabbedPanelsContent">
              <div id="dogshow"><iframe src="http://www.yorkshirerosedogrescue.co.uk/svmanager/g44/" width="650px" frameborder="0" height="100px" allowtransparency="true" align="left"""></iframe></div>
            </div>
</div>

  • Registered: 2008-07-06
  • Posts: 6,334

Re: Set autoviewer transparent with iframes

The fo.addParam("wmode", "transparent"); line should be added to the embedding code in each individual gallery before the fo.write("flashcontent"); line.
Try this in conjunction with the allowtransparency="true" attribute in your <iframe>s.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-05-20
  • Posts: 5

Re: Set autoviewer transparent with iframes

Thanks Steven

Excuse me if I'm being really stupid but I don't have an fo.write("flashcontent); line as I'm embedding with <iframe>s

Regards, Carl.

  • Registered: 2008-07-06
  • Posts: 6,334

Re: Set autoviewer transparent with iframes

The fo.write("flashcontent); line is in the HTML page into which AutoViewer is embedded.
This will be the page loaded into your <iframe> (specified by the 'src' attribute) .
If using svManager to create your galleries, you can have the line fo.addParam("wmode", "transparent"); automatically added to each AutoViewer gallery you create by editing the file 'svmanager/plugins/autoviewer/avmaster/indexphp' in a plain text editor and adding the line fo.addParam("wmode", "transparent"); before fo.write("flashcontent");

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-05-20
  • Posts: 5

Re: Set autoviewer transparent with iframes

Thank you Steven.

You are a super star! All working now. Calm is restored!

Carl.