Slideshow justering
Hej Eksperter.Jeg prøver at opsætte et slideshow på vores hjemmeside og har fundet et gratis script som egentlig gør opgaven udemærket.
Dog har jeg 2 'små' problemer:
1. 2 af mine billeder i rotationen er portrait. Jeg har justeret dimensionen af dem så de passer med landscape billederne, men den baggrundsfarve jeg sætter ind, skifter farve når det vises på hjemmesiden. Jeg har verificeret at billedfilen har baggrundsfarven #1b1b1d, ligesom den bagvedliggende hjemmeside. Når den vises er den dog en anden.
2. Når rotationen starter vises en tom (læs hvid) div. Den vil jeg ligeledes gerne have i samme baggrundsfarve som hjemmesiden.
Problemet kan ses her:
http://lapyramide.dk/menutest.php
Koden jeg benytter:
<!-- Fading Banner Start -->
<!-- From http://www.2createawebsites.com -->
<div id="slideshow">
<div id="fadeshow1">
<script>
<!--
document.write(unescape("%3Ca%20href%3D%22http%3A//www.2createawebsites.com/%22%3EHow%20To%20Create%20a%20Website%3C/a%3E%3C/div%3E%20%0A%3Cscript%20type%3D%22text/javascript%22%20src%3D%22http%3A//www.2createawebsites.com/resources/howtocreateawebsitefadeslide.js%22%3E%3C/script%3E%20%0A"));
//-->
</script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [500, 330], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://www.lapyramide.dk/menuslidepics/01.jpg", "http://www.lapyramide.dk/menu.php", "_parent"],
["http://www.lapyramide.dk/menuslidepics/02.jpg", "http://www.lapyramide.dk/menu.php", "_parent"],
["http://www.lapyramide.dk/menuslidepics/03.jpg", "http://www.lapyramide.dk/menu.php", "_parent"],
["http://www.lapyramide.dk/menuslidepics/04.jpg", "http://www.lapyramide.dk/menu.php", "_parent"],
["http://www.lapyramide.dk/menuslidepics/05.jpg", "http://www.lapyramide.dk/menu.php", "_parent"],
["http://www.lapyramide.dk/menuslidepics/06.jpg", "http://www.lapyramide.dk/menu.php", "_parent"],
["http://www.lapyramide.dk/menuslidepics/07.jpg", "http://www.lapyramide.dk/menu.php", "_parent"],
["http://www.lapyramide.dk/menuslidepics/08.jpg", "http://www.lapyramide.dk/menu.php", "_parent"],
["http://www.lapyramide.dk/menuslidepics/09.jpg", "http://www.lapyramide.dk/menu.php", "_parent"],
["http://www.lapyramide.dk/menuslidepics/10.jpg", "http://www.lapyramide.dk/menu.php", "_parent"]
],
displaymode: {type:'auto', pause:4000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 5000, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})
</script>
<!-- Fading Banner End-->