Bella: Position verändern und Bildanzahl ändern

SELF-Forum

Position verändern und Bildanzahl ändern

Bella
– Informationen zu den Bewertungsregeln

Kann bitte mir jemand sagen an welcher Stelle ich die Position vom "flip book" verändern kann = mehr nach links!

Ich habe 8 Bilder aufgereiht, aber es zeigen sich immer nur 4 - wo kann ich das ausbessern?

Vielen Dank
--------------------------------------------------------------------------------
<body onload="ImageBook()" bgcolor="#ffffff" alink="#ff0000" link="#0000ff" vlink="#800080" >

<div id="Oobj2" style="position:absolute;z-index:1;visibility:visible; left:284px;top:107px;width:400px;height:401px;">
<div id="Gcode2" class="dfltt">
<script type="text/javascript">

/***********************************************
* Book Flip slideshow script- © Ger Versluis 2003
* Permission granted to DynamicDrive.com to feature script
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

/********************************************************
Create a div with transparent place holder in your html
<div id="Book" style="position:relative">
<img src="placeholder.gif" width="144" height="227">
</div>
width = 2*book image width +4 height = book image height+2

Insert onload in body tag
<body onload="ImageBook()">
*********************************************************/

// 7 variables to control behavior
var Book_Image_Width=450;
var Book_Image_Height=450;
var Book_Border=true;
var Book_Border_Color="gray";
var Book_Speed=10;
var Book_NextPage_Delay=1500; //1 second=1000
var Book_Vertical_Turn=0;

// array to specify images and optional links. At least 4
// If Link is not needed keep it ""

Book_Image_Sources=new Array(
"http://host.at/user/imagefolder/image/photo2.jpg",
"http://host.at/user/imagefolder/image/photo2.jpg",
"http://host.at/user/imagefolder/image/photo1.jpg",
"http://host.at/user/imagefolder/image/photo2.jpg", "http://host.at/user/imagefolder/image/photo3.jpg", "http://host.at/user/imagefolder/image/photo4.jpg",
"http://host.at/user/imagefolder/image/photo5.jpg",
"http://host.at/user/imagefolder/image/photo6.jpg", "http://host.at/user/imagefolder/image/photo7.jpg",
"http://host.at/user/imagefolder/image/photo8.jpg", "http://host.at/user/imagefolder/image/photo9.jpg",
"http://host.at/user/imagefolder/image/photo10.jpg",
"http://host.at/user/imagefolder/image/photo11.jpg",
""http://host.at/user/imagefolder/image/photo12.jpg"
// NOTE No comma after last line
);

/***************** DO NOT EDIT BELOW **********************************/
var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;
var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length);

function ImageBook(){
if(document.getElementById){
for(i=0;i<Book_Image_Sources.length;i+=2){
B_Pre_Img[i]=new Image();B_Pre_Img[i].src=Book_Image_Sources[i]}
Book_Div=document.getElementById("Book");
B_LI=document.createElement("img");Book_Div.appendChild(B_LI);
B_RI=document.createElement("img");Book_Div.appendChild(B_RI);
B_MI=document.createElement("img");Book_Div.appendChild(B_MI);
B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute";
B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1;
B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1:0)+"px";
B_LI.style.left=0+"px";
B_MI.style.top=0+"px";
B_MI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";
B_RI.style.top=0+"px";
B_RI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";
B_LI.style.height=Book_Image_Height+"px";
B_MI.style.height=Book_Image_Height+"px";
B_RI.style.height=Book_Image_Height+"px";
B_LI.style.width=Book_Image_Width+"px";
B_MI.style.width=Book_Image_Width+"px";
B_RI.style.width=Book_Image_Width+"px";
if(Book_Border){
B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid";
B_LI.style.borderWidth=1+"px";
B_MI.style.borderWidth=1+"px";
B_RI.style.borderWidth=1+"px";
B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color}
B_LI.src=B_Pre_Img[0].src;
B_LI.lnk=Book_Image_Sources[1];
B_MI.src=B_Pre_Img[2].src;
B_MI.lnk=Book_Image_Sources[3];
B_RI.src=B_Pre_Img[4].src;
B_RI.lnk=Book_Image_Sources[5];
B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk;
B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp;
B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt;
BookImages()}}

function BookImages(){
if(!B_Stppd){
if(Book_Vertical_Turn){
B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height));
MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz;
B_MI.style.top=MidOffset+"px";
B_MI.style.height=B_MSz+"px"}
else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width));
MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz;
B_MI.style.left=MidOffset+"px";
B_MI.style.width=B_MSz+"px"}
B_Angle+=Book_Speed/720*Math.PI;
if(B_Angle>=Math.PI/2&&B_Direction){
B_Direction=0;
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_MI.src=B_Pre_Img[B_CrImg].src;
B_MI.lnk=Book_Image_Sources[B_CrImg+1];
B_CrImg+=2}
if(B_Angle>=Math.PI){
B_Direction=1;
B_TI=B_LI;
B_LI=B_MI;
B_MI=B_TI;
if(Book_Vertical_Turn)B_MI.style.top=0+"px";
else B_MI.style.left=Book_Image_Width+1+"px";
B_MI.src=B_RI.src;
B_MI.lnk=B_RI.lnk;

setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
else setTimeout("BookImages()",50)}
else setTimeout("BookImages()",50)}

function Book_Next_Delay(){
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_RI.src=B_Pre_Img[B_CrImg].src;
B_RI.lnk=Book_Image_Sources[B_CrImg+1];
B_MI.style.zIndex=2;
B_LI.style.zIndex=1;
B_Angle=0;
B_CrImg+=2;
setTimeout("BookImages()",50)}

function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
function B_Rstrt(){B_Stppd=false}
</script>

<div id="Book" style="position:relative">
<img src="http://www.dynamicdrive.com/dynamicindex14/placeholder.gif" width="454" height="452">
</div>

<p><font face="Arial" size="-2">Free DHTML scripts provided by<br>Dynamic Drive</font></p></div>
</div>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Position verändern und Bildanzahl ändern

    Eternius Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    wenn du es nicht verstehst, dann benutz es nicht. Ansonsten wende dich an den Support.

    gruss

    --
    no strict;
    no warnings;
    man google
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Position verändern und Bildanzahl ändern

      Bella
      – Informationen zu den Bewertungsregeln

      Es wäre nett, wenn Du mir beim verstehen lernen behilflich wärest.
      Es ist ja bestimmt nur eine Zeile!
      BITTE!! DANKE!!

      Wo finde ich denn einen Support?
      Ich dachte hier im Forum bin ich richtig, wenn ich Support brauche.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Position verändern und Bildanzahl ändern

    Bella
    – Informationen zu den Bewertungsregeln

    ok - das positionieren habe ich schon gefunden!

    Nur noch die Bilderanzahl! BITTE!

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln