Wie drehen und Hintergrundbilder in und mit javascript / ASP.NET / CSS verblasst

StackOverflow https://stackoverflow.com/questions/146153

Frage

Ich muss zufällig meine Hintergrundbilder ein- und ausgeblendet.

Es wird alle 5 Sekunden eine Timer-Funktion, wie einst sein.
Ich brauche es mit ASP.NET, Javascript, CSS oder alle drei zu tun.

Bitte helfen Sie uns hier Jungen. Danke.

War es hilfreich?

Lösung

Zyklus, eine jQuery-Plugin ist eine sehr flexible Bildrotations Lösung: http://malsup.com/jquery / Zyklus /

Andere Tipps

Dies ist die Antwort: nie Jungs etwas dagegen, nach etwas genauerer Suche auf Google zu machen. Ich fand eine gute Lösung. 

<html>
<head>
<!--
This file retrieved from the JS-Examples archives
http://www.js-examples.com
1000s of free ready to use scripts, tutorials, forums.
Author: Steve S - http://jsmadeeasy.com/ 
-->

<style>
body
{
/*Remove below line to make bgimage NOT fixed*/
background-attachment:fixed;
background-repeat: no-repeat;
/*Use center center in place of 300 200 to center bg image*/
background-position: 300 200;
}
</style>

<script language="JavaScript1.2">
/* you must supply your own immages */
var bgimages=new Array()
bgimages[0]="http://js-examples.com/images/blue_ball0.gif"
bgimages[1]="http://js-examples.com/images/red_ball0.gif"
bgimages[2]="http://js-examples.com/images/green_ball0.gif"

//preload images
var pathToImg=new Array()
for (i=0;i<bgimages.length;i++)
{
  pathToImg[i]=new Image()
  pathToImg[i].src=bgimages[i]
}

var inc=-1

function bgSlide()
{
  if (inc<bgimages.length-1)
    inc++
  else
    inc=0
  document.body.background=pathToImg[inc].src
}

if (document.all||document.getElementById)
  window.onload=new Function('setInterval("bgSlide()",3000)')
</script>

</head>
<body>
<BR><center><a href='http://www.js-examples.com'>JS-Examples.com</a></center> 
</body>
</html>

es Gefunden hier .

gefunden Nur eine Anleitung, wie man mit CSS Hintergrund Bildern und jQuery, dies zu tun bei ...
http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html

Es scheint ziemlich in die Tiefe. Möchten Sie versuchen, es für ein Projekt zu verwenden, ich bin derzeit Unternehmen. Wird berichten, wie sich herausstellte.

Bearbeiten 1

Der oben genannte scheint jQuery mein Problem behoben zu haben, wo der Zyklus jQuery-Plugin konnte nicht. Schauen Sie sich http://egdata.com/baf/ für ein Beispiel. Das Hauptproblem war, dass die Diashow Folien enthalten, die 1500px breit waren, wo die Seitenbreite ist 960px.

Aus irgendeinem Grunde, fügt die jQuery Cycle-Plugin eine CSS-Stil-Eigenschaft für die Breite, wenn die aktuelle Folie angezeigt wird. Zunächst sah es richtig, aber nicht, wenn das Browser-Fenster der Größe verändert wird. Zyklus scheint die Breite der Folien auf Last, und in meinem Fall zu setzen, muß ich die Breite 100% anstelle der tatsächlichen Pixelbreite des Fensters bleiben. http://egdata.com/baf/index_cycle.html

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top