mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 16.04.2024 08:57 Benutzername: Passwort: Auto-Login

Thema: automatisch mit javascript horizontal und vertikal scrollen vom 13.07.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> automatisch mit javascript horizontal und vertikal scrollen
Autor Nachricht
daniels0608
Threadersteller

Dabei seit: 13.07.2009
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Mo 13.07.2009 17:49
Titel

automatisch mit javascript horizontal und vertikal scrollen

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen, ich möchte mit hilfe von javascript eine website basteln auf der ich
automatisch horizontal und vertikal scrollen kann.
So wie das hier,[url] http://www.kostenlose-javascripts.de/javascripts/verschiedenes/automatisch-scrollen.html [/url]
nur eben noch horizontal.
Ist das möglich

Danke im schonmal
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Di 14.07.2009 10:29
Titel

Re: automatisch mit javascript horizontal und vertikal scrol

Antworten mit Zitat Zum Seitenanfang

daniels0608 hat geschrieben:
Hallo zusammen, ich möchte mit hilfe von javascript eine website basteln auf der ich
automatisch horizontal und vertikal scrollen kann.
So wie das hier,[url] http://www.kostenlose-javascripts.de/javascripts/verschiedenes/automatisch-scrollen.html [/url]
nur eben noch horizontal.
Ist das möglich

Danke im schonmal


sicher ist das möglich... musst dem script halt nur beibringen, dass nicht die y-positionen ausgelesen und verarbeitet werden, sondern die x-position der maus. schau mal die wolken im header... da findest du sicher den ansatz
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
fragezeichner

Dabei seit: 16.10.2009
Ort: -
Alter: 47
Geschlecht: Männlich
Verfasst Fr 16.10.2009 14:47
Titel

Re: automatisch mit javascript horizontal und vertikal scrol

Antworten mit Zitat Zum Seitenanfang

So sollte es auch horizontal gehen:


<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
// Parameter
var sense1 = 20; // Sensibilitaetszone 1 (in %)
var sense2 = 10; // Sensibilitaetszone 2 (in %)
var speed1 = 5; // Scrollgeschwindigkeit in Zone 1
var speed2 = 10; // Scrollgeschwindigkeit in Zone 2
var stime = 10; // Timer zum Scrollen

// Interne Variablen
var scrolling = false;
var scrollfast;
var richtung;
var y_mem = -1;
var myWin;

// Scrolling anhalten
function stopp_scrolling()
{
scrolling = false;
y_mem = -1;
}

// Scroll aktivieren und durchfuehren
function start_scrolling(initial)
{
if(!scrolling)
return;

// Dokumentposition ermitteln
var dy = (myWin.pageYOffset != null) ? myWin.pageYOffset : myWin.document.body.scrollTop;
if((y_mem != dy) && !initial)
return;
var dx = (myWin.pageXOffset != null) ? myWin.pageXOffset : myWin.document.body.scrollLeft;
dx += richtung * (scrollfast ? speed2 : speed1);

// Scrollen
myWin.scrollTo(dx, dy);
y_mem = dy;

// Funktion erneut aufrufen
setTimeout("start_scrolling(false)", stime);
}

// Auswertung der Mausposition
function zeige(e)
{
// Mausposition und Dokumentdaten
var y = myWin.Event ? e.pageX : myWin.event.clientX;
if(myWin.Event)
y -= - (myWin.pageXOffset != null) ? myWin.pageXOffset : myWin.document.body.scrollTop;
var wh = myWin.innerWidth ? myWin.innerWidth : myWin.document.body.clientWidth;
var dh = myWin.document.height ? myWin.document.height : myWin.document.body.scrollHeight;

// Zwischenvariablen
var s1 = Math.round(wh * sense1 / 100);
var s2 = Math.round(wh * sense2 / 100);
var now_scroll;

// Scrollnotwendigkeit ermitteln
if((y < s1) || (y > (wh - s1)))
{
now_scroll = true;
richtung = (y < s1) ? -1 : 1;
scrollfast = ((y < s2) || (y > (wh - s2))) ? true : false;
}
else
{
now_scroll = false;
scrolling = false;
}

// Scrollstatus geaendert?
if(now_scroll != scrolling)
{
y_mem = -1;
scrolling = now_scroll;
if(scrolling)
start_scrolling(true);
}
}

// Mauskontrolle initiieren
function init()
{
myWin = window;

if(myWin.Event)
myWin.document.captureEvents(Event.MOUSEMOVE);

myWin.document.onmousemove = zeige;
}
if(window.focus) window.focus();
document.onblur = stopp_scrolling();
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.internetanbieter-tarife.de/unitymedia/" title="Unitymedia" target="_blank">da</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=463"></script>
<!-- präsentiert von kostenlose-javascripts.de -->
  View user's profile Private Nachricht senden
 
Ähnliche Themen [Javascript] iframe horizontal UND vertikal scrollen
nur vertikal-scrollen / nicht horizontal. geht das?
automatisch bildschirmgröße anpassen, horizontal + vertikal
Automatisch horizontal scrollen
Javascript Code von vertikal auf horizontal
iframe per javascript vertikal scrollen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.