it would be nice to be able to controle the color of the background of the zoomify viewer to match that of the theme you are using. The current configuration does not do this. I have modified the module as below which seems to give me the control I need, although finding the correct number in a real pain.

/code>

It would be nice if we could control this BGCOLOR as a global variable.

I believe there is a switch which would render the viewer transparent which would be even better as it would allow matching to the theme without administrative action. (For people who let users pick their themes.) But the switch has some other effects and I have not looked at or tried it yet.

Thanks for your consideration
Bill

Comments

infojunkie’s picture

infojunkie
Location Vancouver
commented

I can't see your code! Please format it properly.

infojunkie’s picture

infojunkie
Location Vancouver
commented
Version: 6.x-1.3 » 6.x-1.x-dev
Status: Active » Fixed

I fixed this by creating specific CSS classes for the Zoomify viewer Flash applet. Please download the latest dev (12 hours from now) and inspect the generated Flash OBJECT tag. You will find CSS classes that you can use to override the background color and any other CSS attribute, in your theme's CSS file.

Bill Lea’s picture

Bill Lea commented

I'm not sure we are communicating. I'm sorry about the code mistake. Looks like I left off something.

The background color control for the Flash Applet is bgcolor=#RRGGBB where RR,GG, BB are the hex codes of the RGB color. I modifid the function in thezoomify.module file to read:

<div class="zoomify zoomify-node-$type zoomify-node-$nid zoomify-file-$fid">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" id="theMovie" width="$width" height="$height">
  <param name="FlashVars" value="zoomifyImagePath=${image}${flashVars}">
  <param name="menu" value="false">
  <param name="src" value="$viewer">
  <embed flashvars="zoomifyImagePath=${image}${flashVars}" src="$viewer" menu="false"  bgcolor="#282828" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" name="theMovie" width="$width" height="$height"></embed>
</object>
</div>

This matches the shade of grey that Aqua Slate uses. But after some thought I decided it would be better just to make the applet background transparent. I've sence Revised my revision to the zoomify.module code as below:


<div class="zoomify zoomify-node-$type zoomify-node-$nid zoomify-file-$fid">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" id="theMovie" width="$width" height="$height">
  <param name="FlashVars" value="zoomifyImagePath=${image}${flashVars}">
  <param name="menu" value="false">
  <param name="src" value="$viewer">
  <embed flashvars="zoomifyImagePath=${image}${flashVars}" src="$viewer" menu="false"  wmode= "transparent" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" name="theMovie" width="$width" height="$height"></embed>
</object>
</div>

What I wanted was to have am entry in the administration page that would allow you to switch transparency on and off and if it was switched off would allow you to specify a bgcolor. I think this is simpler than editing the CSS files. I'm not certain that CSS will override the default behavior of the applet. In point of fact I'm very unfamiliar with CSS and although I've some books on the subject I have not had the time to unravel them. I need to first develop a beter understanding of HTML and the structures. Right now I'm struggling to figure out the limitations of the Zoomify Applet.

I'll look at the CSS mods they may be a more elegant way of handling the issue, if I can sort them out. Thanks for your help
Bill Lea

infojunkie’s picture

infojunkie
Location Vancouver
commented

If the CSS approach doesn't work and the only solution is to change the HTML, note that you don't need to modify the code of the module to change the way Zoomify is rendered. You just need to override theme('zoomify') - which means familiarity with the Drupal theming system.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.