Avatar billede dk-andersson Nybegynder
20. april 2009 - 21:47 Der er 5 kommentarer og
1 løsning

images slideshow med fade funktion hjælp!!

Hej

Jeg har fundet dette script, men syns ikke det virker helt optimalt.
Når billederne fader ind, giver det et blink..

Jeg tænkt på om man ikke kan lave det sådan at det gamle fader ud i mens at det nye fader ind, så man ligsom kan se de to bileder som kryders hinanden.

Her er script.
<script type="text/javascript">

<!--
var img = new Array(3),nr = 0, d = document;
// Hvor hurtigt skal den fade
var fadespeed= 50;
// step for fade
var step = 1;
// Hvor lang tid skal der gå inden næste billede?
var pause = 10;

// Stierne til billederne
img[0] = "images/band3.jpg"
img[1] = "images/band2.jpg"
img[2] = "images/billede.jpg"

function fadeimg(f){
  if (!f)opac = 0; // Nulstil filtre
  if (f && opac < 100) {
      opac += step;
      var ft = setTimeout('fadeimg(true);',fadespeed);
  }
  if (d.getElementById){
    style = d.getElementById('curImg').style; // Filtre til fade
    style.filter = 'alpha(opacity:'+opac+')';    // Safari<1.2, Konqueror
    style.KHTMLOpacity = opac / 100;    // Older Mozilla and Firefox
    style.MozOpacity = opac / 100;    // Safari 1.2, newer Firefox and Mozilla, CSS3
    style.opacity = opac / 100;
    } 
}


function skiftBilleder() {
  if(nr == img.length)nr = 0;
// Nulstil fade
  fadeimg(false);
  // Sæt link og billede -sti
  //document.getElementById("imgLink").setAttribute("href", links[nr]);
  document.getElementById("curImg").setAttribute("src", img[nr]);
// Fade ind
  fadeimg(true);
// Forøg nr med en
  nr++
// Kald funktionen igen efter en pause
  setTimeout("skiftBilleder()", pause * 500)
}
//-->

<img id="curImg" name="slide" style="height: 300px; width: 416px;" alt="Billede" />
Avatar billede fusion-it Nybegynder
20. april 2009 - 22:07 #1
http://www.monoslideshow.com/

Brug flash så undgår du problemet ;)
Avatar billede dk-andersson Nybegynder
20. april 2009 - 22:28 #2
Ja det er jeg godt klar over virker bedre, men mit problem er at jeg skal kunne upload billeder til en mappe og der fra skal den så tage billederne og vise dem.

Derfor mente jeg at den nemste løsning måtte være en omgang javascript.
Avatar billede mjdigital Nybegynder
20. april 2009 - 23:39 #3
Hejsa dk-andersson :)

Har kan desværre ikke lige finde fejlen hos dig men har en løsning :)

For lidt siden lavede jeg præcis det samme som du prøver på med en løsning som findes dog er den i HTML men kræver ikke så meget for at skrive den om.

LINK
http://jalbum.net/skins/skin/SimpleViewer

på overstående link kan du se et skin det skin skal du hente og det stykke software der er med tilføje nogle test billeder og gem det som HTML så skan du se hvordan det funger og relativt nemt skrive det om til det du skal bruge det til :)

Jeg skrev næsten hele scriptet om til Asp.net og virkede super med Repeater's til at loade billeder mm. :) Kan desværre ikke give dig source koden da det var til en kunde.. Men kontakt mig endelig hvis du har spørgmål


Mvh. MJ :)
Avatar billede dk-andersson Nybegynder
21. april 2009 - 00:38 #4
takker
Avatar billede fusion-it Nybegynder
21. april 2009 - 06:59 #5
Hej andersson

Jamen det kan da laves meget snilt, det link jeg sendte dig køre med xml fil denne fil kan laves dynamisk så du selv styre billedene.

Derfor sendte jeg dig det link ;)
Avatar billede fusion-it Nybegynder
21. april 2009 - 07:02 #6
PS

Skulle du vælge at bruge den løsning, kan jeg hjælpe dig ligesom jeg kan sende dig manualen til det flash slideshow.(free)

MvH
Allan
al@fusion-it.eu
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