Avatar billede itfree1 Nybegynder
11. september 2001 - 12:18 Der er 23 kommentarer og
1 løsning

Billeder

Jeg skal bruge et Script hvor med et billeder som kommer fra baggrunden og frem men det skal kommer i 4 dele og når billedet så kommer frem bliver det til 1

håber det giver meneing
Avatar billede fireworld Nybegynder
11. september 2001 - 12:49 #1
hmmm så skal du klippe billedet ud i 4 stykker

med en eler anden form for motion lave så de 4 styklker mødes...
evt. dreamweaver timelinieS!
Avatar billede itfree1 Nybegynder
11. september 2001 - 12:53 #2
Jeg billedet skal jeg nok selv klippe til men resten mangler jeg altså slev scriptet
Avatar billede fireworld Nybegynder
11. september 2001 - 13:02 #3
brug flash til det!!!!

ellers brug timelinies i DREAMWEAVER...
Avatar billede proboss Nybegynder
11. september 2001 - 14:18 #4
Det her gør det men kun med et billede
<BODY onload=\"startBilled( \'velk.gif\' )\" onResize=\"resizeJuster()\" bgcolor=\"#000000\">
<SCRIPT language=\"JavaScript\">

var image0 = new Image();
image0.src = \"velk.gif\"; // det billede der skal vises
var posId  = \"baseImg\";      // det img tag billedet skal vises i
var layId  = \"layImg\";
var vinkel;
var dVinkel = 0.8;          // increment for vinkel

document.write( \'<div style=\"position:absolute;top:0px;left:0px\">\'
              + \'<img id=\"\' +layId +\'\" src=\"transparent.gif\" width=1 height=1\'
              + \' style=\"position:absolute;top:0px;left:0px;)\">\'
              + \'</div>\');

var ns=(document.layers)?true:false;

function Billed( imgURL ) {
  this.lay  = document.images[layId];
  this.lay.width = this.lay.height = 1;
  this.lay.src = imgURL;
  this.pos  = document.images[posId];
  this.Xpos = this.Ypos = 0
  this.lXpos = this.lYpos = 0;
  this.getPos = getXYcoord;  // lokal funktion: find position of base image
  this.recalc = opdater;    // lokal funktion: opdaterer for ny vinkel.
  return this;
}; //end Billed( )

function getXYcoord ( ) {
    var elm = this.pos;
//alert ( posId +\":\" +document.images[posId] );
    this.Xpos = this.Ypos = -1;  // fudge?? 0 burde være rette startværdi ??
    do { this.Xpos += parseInt( elm.offsetLeft );
        this.Ypos += parseInt( elm.offsetTop );
        elm = elm.offsetParent;
    } while ( elm );
//alert( \"X,Y = \" +this.Xpos +\",\" +this.Ypos );
}; //end getXYcoord ( )          //NB lokal metode i Billed

function opdater ( vinkel ) {  // vinkel i range 0..90
  var cosine = Math.cos( (Math.PI*vinkel)/180 );
  this.lay.width  = Math.max( 1, (1-cosine)*this.pos.width );
  this.lay.height = Math.max( 1, (1-cosine)*this.pos.height );
  this.lXpos = Math.floor( this.Xpos +(this.pos.width -this.lay.width )/2 );
  this.lYpos = Math.floor( this.Ypos +(this.pos.height-this.lay.height)/2 );
//alert( \"X,Y = \" +this.lXpos +\",\" +this.lYpos );
  this.lay.style.pixelLeft= this.lXpos;
  this.lay.style.pixelTop = this.lYpos;
}; //end opdater ( real )      //NB lokal metode i Billed

var bob;
var stepHandle = 0;

function zoomStep() {
    if ( vinkel > 90 ) {
      vinkel = 90;
    } else {
      stepHandle = setTimeout(\'zoomStep();\',40);
    }
    bob.recalc( vinkel );
    vinkel += dVinkel;
}; //end zoomStep()

function startBilled ( imgURL ) {
  bob = new Billed( imgURL );
  bob.getPos();
  vinkel = 5;
  zoomStep();    // start zoom sekvens.
}; //end startBilled ( string )

function resizeJuster( ) {  // sørg for billedet er korrekt placeret
  if ( bob.pos ) {
    bob.getPos();
    clearTimeout( stepHandle );
    zoomStep();
  };
}; //end resizeJuster( )

</SCRIPT>


<center><img src=\'spacer.gif\' width=500 height=400 name=\"baseImg\"></center>

men hvordan du gør det med 4 billeder ved jeg ikke
Avatar billede proboss Nybegynder
11. september 2001 - 14:20 #5
Tror faktisk at det er Jakoba der har lavet det

//proboss
Avatar billede jakoba Nybegynder
11. september 2001 - 14:35 #6
Det bliver vel præcis det samme, blot med billedet klippet i kvarte der starter i hvert sit hjørne.

men det er definitivt IE only, så hvad med at bruge de transitions der er indbygget i IE, er det ikke nemmere?

mvh JakobA
Avatar billede jakoba Nybegynder
12. september 2001 - 01:26 #7
Avatar billede jakoba Nybegynder
13. september 2001 - 09:41 #8
Nå ja, det var da et svar :)
Avatar billede Tony Juniormester
13. september 2001 - 09:46 #9
>> JakobA. Kongehuset eller Røde Kors vil elske den, hvis du kan \'fryse\' animationen lige inden frakmenterne møder hinanden :)
Avatar billede jakoba Nybegynder
13. september 2001 - 19:47 #10
Det er ikke noget problem.
Fryse for evigt eller blot en pause før den kører færdigt?
Hvor mange % ska du have for at sælge den? :-))
Avatar billede proboss Nybegynder
15. september 2001 - 19:34 #11
>>JakobA hvis man nu vil lave et link på hver af de 4 billeder hvordan gør man det.

altså 4 forskellige link et på hver billede

//proboss
Avatar billede jakoba Nybegynder
15. september 2001 - 19:49 #12
Det er vel bare at lægge et link rundt om billedet inde i dets div.

for (var i=0; 4>i; i++)
  document.write( \'<div style=\"position:absolute;top:0px;left:0px\">\'
                + \'<img id=\"\' +layId+i +\'\" src=\"transparent.gif\" width=1 height=1\'
                + \' style=\"position:absolute;top:0px;left:0px;)\">\'
                + \'</div>\');

udskiftes med:

var linkArr = new Array( \'link1.html\', \'link2.html\', \'link3.html\', \'link4.html\' );
for (var i=0; 4>i; i++)
  document.write( \'<div style=\"position:absolute;top:0px;left:0px\">\'
                + \'<a href=\"\' +link[i] +\'\">\'
                + \'<img id=\"\' +layId+i +\'\" src=\"transparent.gif\" width=1 height=1\'
                + \' style=\"position:absolute;top:0px;left:0px;)\">\'
                + \'</a></div>\');

mvh JakobA

reklame: vær rar at svare på  http://www.eksperten.dk/spm/109707
Avatar billede jakoba Nybegynder
15. september 2001 - 19:50 #13
Ups. link arrayet hed jo  linkArr
                + \'<a href=\"\' +linkArr[i] +\'\">\'
Avatar billede proboss Nybegynder
15. september 2001 - 19:55 #14
Har svaret på spm109707

prøver lige det oven nævnte eksempel

//proboss
Avatar billede proboss Nybegynder
15. september 2001 - 20:04 #15
hvis jeg bruger dette kommer den med en fejl

var linkArr = new Array( \'link1.html\', \'link2.html\', \'link3.html\', \'link4.html\' );
for (var i=0; 4>i; i++)
  document.write( \'<div style=\"position:absolute;top:0px;left:0px\">\'
                + \'<a href=\"\' +link[i] +\'\">\'
                + \'<img id=\"\' +layId+i +\'\" src=\"transparent.gif\" width=1 height=1\'
                + \' style=\"position:absolute;top:0px;left:0px;)\">\'
                + \'</a></div>\');
linie 18
error link is underfined
//proboss
Avatar billede proboss Nybegynder
15. september 2001 - 20:08 #16
for også en fejl i
var ns=(document.layers)?true:false;

function Billed( imgURL, i ) {
  this.lay  = document.images[layId +i];
--> her  this.lay.width = this.lay.height = 1;
  var tmp = imgURL.split(\".\");
  imgURL = tmp[0] +i +\".\" +tmp[1];
//alert(imgURL );
Avatar billede proboss Nybegynder
15. september 2001 - 20:16 #17
kan du ikke hjælpe mig her ??

//proboss
Avatar billede jakoba Nybegynder
15. september 2001 - 20:25 #18
kik på rettelsen 15/09 2001 19:50:40.  arrayet hedder linkArr

Den anden kan jeg ikke lige greje, det virker fint for mig. hvilken browser osv?
Avatar billede proboss Nybegynder
15. september 2001 - 20:30 #19
var linkArr
                + \'<a href=\"\' +linkArr[i] +\'\">\'
( \'link1.html\', \'link2.html\', \'link3.html\', \'link4.html\' );

er det sådan du mener

//proboss
Avatar billede proboss Nybegynder
15. september 2001 - 20:33 #20
Jeg har browser ie 5.5

Altså som du sikkert kan se er JavaScript langt fra min stærke side
//proboss
Avatar billede jakoba Nybegynder
15. september 2001 - 20:35 #21
Nemlig, men den linie med filnavnene skal ikke stå lige efter. det er blot navnet \'link\' der skal ændres til \'linkArr\'
Avatar billede proboss Nybegynder
16. september 2001 - 00:04 #22
Kan ikke få det til at virke kan du ikke poste et exembel som du har gjort til itfree1
Avatar billede itfree1 Nybegynder
23. september 2001 - 11:20 #23
Unskyld jeg har været længe om at svare har været syg
Avatar billede jakoba Nybegynder
23. september 2001 - 11:37 #24
god bedring så.
og tak for points :-))
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester