Headerbild hinter eine Slideshow

Hallöchen,
ich haben eine Seite, die demnächst auch mit dem iPad häufiger besucht wird.

Für die Desktop User hab ich eine Next-Gen-Gallery Slideshow in den Header gesteckt, doch wenn man die Seite mit einem iPad besucht, steht dort nur "Lad Dir den Flash Player um die Diashow zu sehen".

Desshalb hab ich das eigentliche Headerimage wieder eingefügt.

else : ?>
<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
        <center>
<?php { nggSlideshowWidget(1,940,198); }?>
        </center>
                    <?php endif; ?>

Doch nun wird das Headerbild gezeigt, und die Slideshow da drunter. Kann ich nicht die Slideshow ÜBER das Headerimage schieben, und die Slideshow ist dann einfach nicht da, wenn die Site mit einem iPad besucht wird.

LG, und DANKE im Vorraus.

http://www.padgamers.de

Okay,
mein header seith nun so aus:

else : ?>


<div id="noflash"><img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" /></div>
        <div id="flash"><?php { nggSlideshowWidget(1,940,198); }?></div>


                    <?php endif; ?>

Und die CSS so:

#noflash {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 1;
}




#flash {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 1;
}

...doch ich krig die nicht positioniert!

Habs jetzt so:

#noflash {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 1;
}




#flash {
  position: relative;
  left: -1px;
  top: -199px;
  z-index: 1;
}

Doch da sind noch 198 Pixel. Wie bekomm ich die weg.

LG

Ich gebs auf!

Vielleicht kann mir da einer helfen.

Suche Slideshow Plugin in mit jQuery oder Ajax