Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am using OpenLayers.Layer.Zoomify to show large image files and this works like a charm. The only thing is that I would like to add some options to that layer ( opacity and transitionEffect) but it doesn't seem to work. Code:

var zoomify = new OpenLayers.Layer.Zoomify( "Zoomify",
  new OpenLayers.Size( zoomify_width, zoomify_height ),
  { opacity: 0.5, transitionEffect: 'resize'}

Isn't this the right way of doing it? Or is it not possible to add these properties to Zoomify layers? Nothing happens to my zoomify layer.

share|improve this question
Really neat idea, I'd like to understand how to accomplish this as well! – Cody Brown Aug 22 '12 at 14:36

Layer Opacity control

enter image description here

var map = null;
    var shade = null;
    var maxOpacity = 0.9;
    var minOpacity = 0.1;
    function changeOpacity(byOpacity) {
        var newOpacity = (parseFloat(OpenLayers.Util.getElement('opacity').value) + byOpacity).toFixed(1);
        newOpacity = Math.min(maxOpacity,
                              Math.max(minOpacity, newOpacity));
        OpenLayers.Util.getElement('opacity').value = newOpacity;

share|improve this answer
Interesting! But the most important (for me) remains: transitionEffect – Oskar Karlin Aug 22 '12 at 14:49
Oskar like this?… – Mapperz Aug 22 '12 at 15:06
Yes, exactly, but working with Zoomify layers. – Oskar Karlin Aug 22 '12 at 15:16

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.