Jeg er lige slem, at poste SÅ meget...men det irriterer mig, at den comcombox som brugeren skal kunne vælge div. billeder-nr. med ikke bliver fyldt op med data!? Det er jo java scriptet som står for det, men ved ik hvad der er galt...det er bare kopieret og indsat direkte i mit projekt...
Så for at i evt. kan hjælpe...så poster jeg klassen her:
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Galleri_SlideShow.aspx.cs" Inherits="Default2" Title="Untitled Page" %>
<%@ Register Assembly="BetterImageProcessor" Namespace="BetterImageProcessor" TagPrefix="BIP" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript">
/*
The BIS(BetterImageSlideshow) javascript object is not documented anywhere so here's a short list of fields and methods:
---Fields---
this.A : Array with the image names.
this.B : Base of the images there url
this.bF : Boolean telling if we use filters
this.C : Counter keep track of which image is on.
this.I : The html image element where to show the images.
this.M : Ammount of millisecond between slides.
this.P : Params added to the images there url.
this.T : Timer object.
---Methods---
this.GE(el) : Short version of document.getElementById(el) returns an Element
this.IF(iT, iTD) : Initialize filter iT with a duration of iTD. Returns a boolean telling whether or not a filter is applied.
this.SS : Sets the image to this.C
this.Ne : Goto next image
this.Pr : Goto previous image
this.Pl : Play. Set's the timer (this.T) to do this.NE after this.M seconds.
this.St : Stop. Clears this.T
this.PF : Preload al the images in this.A
*/
function adjustBehaviour()
{
writeImgProp(this.I);
addImagesToDropDownList(this.A);
setText("count", this.A.length);
this.I['onload'] = function(){
writeImgProp(this);
}
var oldPlayFunc = this.Pl;
this.Pl = function(){
oldPlayFunc.call(this);
this.GE('spinner').style.visibility = "visible";
}
var oldStopFunc = this.St;
this.St = function(){
oldStopFunc.call(this);
this.GE('spinner').style.visibility = "hidden";
}
var oldSSFunc = this.SS;
this.SS = function(){
oldSSFunc.call(this);
this.GE('ddlSelectImage').selectedIndex = this.C;
}
function writeImgProp(img)
{
var imgName = stripFileName(img.src);
var imgSize = (img.fileSize)? " " + (Math.round(100*(img.fileSize/1024))/100) + "kB":"";
setText("imgprop", imgName + imgSize);
}
function stripFileName(src)
{
var indexofSlash = src.lastIndexOf("%2f");
if(indexofSlash > 0)
indexofSlash += 3;
var indexofHash = src.indexOf("\&",indexofSlash);
return src.substring(indexofSlash,indexofHash);
}
function setText(objId, text)
{
var obj = document.getElementById(objId);
var textNode = document.createTextNode(text);
(obj.firstChild)?obj.replaceChild(textNode, obj.firstChild):obj.appendChild(textNode);
}
function addImagesToDropDownList(imgs)
{
var ddl = document.getElementById("ddlSelectImage");
for(i=0;i<imgs.length;i++)
{
ddl.options[i] = new Option(i+1,i);
}
}
}
function setSpeed(sender)
{
AutoSlideshow1.M = sender.value;
}
function setSlide(sender)
{
AutoSlideshow1.C = parseInt(sender.value);
AutoSlideshow1.SS();
}
</script>
<table style="border-right: black 1px solid; border-top: black 1px solid; margin-left: auto;
border-left: black 1px solid; margin-right: auto; border-bottom: black 1px solid;
background-color: white; text-align: center">
<tr>
<td style="vertical-align: middle; height: 350px">
<bip:autoslideshow id="AutoSlideshow1" runat="server" imageid="BetterImage1" nextbuttonid="next"
playbuttonid="play" previousbuttonid="prev" stopbuttonid="stop" transition="Random_transition"
transitionduration="2"></bip:autoslideshow>
<bip:betterimage id="BetterImage1" runat="server" alternatetext="Slideshow image"
bordercolor="Black" borderstyle="Solid" borderwidth="1" cacheoutput="true" imageurl="Albums/Travel/dscf0039.jpg"
maxheight="300" maxwidth="300"></bip:betterimage>
</td>
</tr>
<tr>
<td>
<img id="spinner" alt="running..." src="imgs/spinner.gif" style="visibility: hidden" />
<div id="imgprop">
</div>
<div>
<select id="ddlSelectImage" name="ddlSelectImage" onchange="setSlide(this)">
</select>
of <span id="count"> </span></div>
<div id="play" class="button" align="center">
play</div>
<div id="stop" class="button" align="center">
stop</div>
<div id="prev" class="button" align="center">
prev</div>
<div id="next" class="button" align="center">
next</div>
<div style="clear: both">
</div>
<div>
Speed :
<input id="speed_2" name="speed" onclick="setSpeed(this);" type="radio" value="2000" /><label
for="speed_2">2 sec</label>
<input id="speed_5" checked="checked" name="speed" onclick="setSpeed(this);" type="radio"
value="5000" /><label for="speed_5">5 sec</label>
<input id="speed_10" name="speed" onclick="setSpeed(this);" type="radio" value="10000" /><label
for="speed_10">10 sec</label>
<input id="speed_15" name="speed" onclick="setSpeed(this);" type="radio" value="15000" /><label
for="speed_15">15 sec</label>
</div>
</td>
</tr>
</table>
</asp:Content>
