Antworten auf deine Fragen:
Neues Thema erstellen

Bilder rütteln

cebito

cebito

undefined

AW: Bilder rütteln

Zwei winzige Änderungen im Beispielcode und es geht, habs mal rot gekennzeichnet:

Code: 
<html>
<head>

<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">

/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//configure shake degree (where larger # equals greater shake)
var rector=3

///////DONE EDITTING///////////
var stopit=0
var a=1

function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
[COLOR=Red]window.setTimeout("stoprattle(document.images[0])", 5000);[/COLOR]
}

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}

function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}

</script>

</head>

<body [COLOR=Red]onLoad="init(document.images[0]);rattleimage();"[/COLOR]>

<img src="man.gif" class="shakeimage">

</body>
</html>
 
D

DjRay1987

Noch nicht viel geschrieben

AW: Bilder rütteln

Schau mal hier

habe die 3 team bilder mit dem rütteln hin bekommen aber nicht so wie ich es will cebito kannste helfen?
 
D

DjRay1987

Noch nicht viel geschrieben

AW: Bilder rütteln

ja das ich nicht aufs bild mit der maus muss sondern es anfang an glewich 3 sekunden wackelt also die 3 passbilder wie auf dem link da
 
cebito

cebito

undefined

AW: Bilder rütteln

z.B. so:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="de">
<head>
<!--Serif WebPlus 10 HTML Export-->
<!--Unterstützt HTML 4.01-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Generator" content="Serif WebPlus 10.1.3.039">
<title>Team</title>
<style type="text/css">
<!--
body {margin: 0px; padding: 0px;}
.Standard-P
        {
        margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400; 
        }
.Standard-P0
        {
        margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400; 
        }
.Standard-C
        {
        font-family:"Comic Sans MS", cursive; font-size:11.0px; 
        line-height:1.36em; color:#ffffff; 
        }
.Standard-C0
        {
        font-family:"Life BT", serif; font-size:13.0px; line-height:1.23em; 
        color:#ffffff; 
        }
.Standard-C1
        {
        font-family:"Comic Sans MS", cursive; font-size:16.0px; 
        line-height:1.44em; color:#ffffff; 
        }
-->
</style>
<script type="text/javascript"><!--
var blankSrc = "_wp_scripts/blank.gif";
--></script>
<style>
.bild1image{
position:relative
}
</style>
<script language="JavaScript1.2">

/*
bild1 image script (onMouseover)- 
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//configure bild1 degree (where larger # equals greater bild1)
var rector=10

///////DONE EDITTING///////////
var stopit=0 
var a=1

function init(){
stopit=0
bild1=document.images[10]
bild1.style.left=0
bild1.style.top=0
bild2=document.images[11]
bild2.style.left=0
bild2.style.top=0
bild3=document.images[12]
bild3.style.left=0
bild3.style.top=0
setTimeout("stoprattle()",3000)
}

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
bild1.style.top=parseInt(bild1.style.top)+rector
bild2.style.top=parseInt(bild2.style.top)+rector
bild3.style.top=parseInt(bild3.style.top)+rector
}
else if (a==2){
bild1.style.left=parseInt(bild1.style.left)+rector
bild2.style.left=parseInt(bild2.style.left)+rector
bild3.style.left=parseInt(bild3.style.left)+rector
}
else if (a==3){
bild1.style.top=parseInt(bild1.style.top)-rector
bild2.style.top=parseInt(bild2.style.top)-rector
bild3.style.top=parseInt(bild3.style.top)-rector
}
else{
bild1.style.left=parseInt(bild1.style.left)-rector
bild2.style.left=parseInt(bild2.style.left)-rector
bild3.style.left=parseInt(bild3.style.left)-rector
}
if (a<4)
a++
else 
a=1
setTimeout("rattleimage()",50)
}

function stoprattle(){
stopit=1
bild1=document.images[10]
bild1.style.left=0
bild1.style.top=0
bild2=document.images[11]
bild2.style.left=0
bild2.style.top=0
bild3=document.images[12]
bild3.style.left=0
bild3.style.top=0
}

</script>

<script src="_wp_scripts/jspngfix.js" type="text/javascript"></script>
</head>

<body link="#ffffff" vlink="#ffffff" alink="#ffffff" text="#000000" style="background: #000000; height:660px;" onLoad="init(); rattleimage();">
<center><div style="position:relative;width:1000px;">
<div style="position:absolute; left:0px; top:175px; width:1000px; height:29px;">
    <img src="_wp_generated/wp6330e970.png" width="1000" height="29" border="0" id="qs_6" name="qs_6" title="" alt="wp6330e970.png" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:0px; top:592px; width:1000px; height:58px;">
    <img src="_wp_generated/wpe66a6099.png" width="1000" height="58" border="0" id="qs_5" name="qs_5" title="" alt="wpe66a6099.png" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:236px; top:242px; width:488px; height:320px;">
    <img src="_wp_generated/wp91da1edb.png" width="488" height="320" border="0" id="art_16" name="art_16" title="" alt="wp91da1edb.png" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:755px; top:243px; width:224px; height:320px;">
    <img src="_wp_generated/wp6e4b568e.png" width="224" height="320" border="0" id="qs_9" name="qs_9" title="" alt="wp6e4b568e.png" onload="OnLoadPngFix()"></div>

<div style="position:absolute; left:15px; top:241px; width:205px; height:317px;">
    <img src="_wp_generated/wpf6fc40a3.png" width="205" height="317" border="0" id="qs_10" name="qs_10" title="" alt="wpf6fc40a3.png" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:382px; top:619px; width:194px; height:30px;">
    <div class="Standard-P">
        <span class="Standard-C">Copyright by Ray Production Crew<br></span>
        <span class="Standard-C">Design by Ray Production</span></div>
</div>
<div style="position:absolute; left:845px; top:0px; width:155px; height:155px;">
    <img src="_wp_generated/wp4b1d4823.gif" width="155" height="155" border="0" id="pic_2" name="pic_2" title="" alt="wp4b1d4823.gif"></div>
<div style="position:absolute; left:80px; top:41px; width:584px; height:94px;">

    <img src="_wp_generated/wp75fe62de.png" width="584" height="94" border="0" id="three_1" name="three_1" title="" alt="wp75fe62de.png" onload="OnLoadPngFix()"></div>
<div id="txt_1" style="position:absolute; left:25px; top:250px; width:183px; height:294px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<P class="Standard-P0"><span class="Standard-C0">&nbsp;</span></P>
<P class="Standard-P0"><span class="Standard-C0">&nbsp;</span></P>
<P class="Standard-P0"><span class="Standard-C0">DjRay </span></P>
<P class="Standard-P0"><span class="Standard-C0">Neuster Track:</span></P>
<P class="Standard-P0"><span class="Standard-C0">I Love You Techno Mix 2008</span></P>
<P class="Standard-P0"><span class="Standard-C0">&nbsp;</span></P>
<P class="Standard-P0"><span class="Standard-C0">Mc Cram</span></P>
<P class="Standard-P0"><span class="Standard-C0">Neuster Track:</span></P>
<P class="Standard-P0"><span class="Standard-C0">Klartext</span></P>

<P class="Standard-P0"><span class="Standard-C0">&nbsp;</span></P>
<P class="Standard-P0"><span class="Standard-C0">&nbsp;</span></P>
<P class="Standard-P0"><span class="Standard-C0">Dj Strike</span></P>
<P class="Standard-P0"><span class="Standard-C0">Neuster Track:</span></P>
<P class="Standard-P0"><span class="Standard-C0">I Love You Techno Mix 2008</span></P>
<P class="Standard-P0"><span class="Standard-C0">&nbsp;</span></P>
</div>
<div style="position:absolute; left:42px; top:178px; width:59px; height:23px;">
    <div class="Standard-P0">
        <span class="Standard-C1"><a href="index.html" style="text-decoration:none;">Home</a></span></div>
</div>

<div style="position:absolute; left:112px; top:178px; width:58px; height:23px;">
    <div class="Standard-P0">
        <span class="Standard-C1"><a href="team.html" style="text-decoration:none;">Team</a></span></div>
</div>
<div style="position:absolute; left:179px; top:177px; width:63px; height:23px;">
    <div class="Standard-P0">
        <span class="Standard-C1"><a href="music.html" style="text-decoration:none;">Music</a></span></div>
</div>
<div style="position:absolute; left:247px; top:178px; width:96px; height:23px;">
    <div class="Standard-P0">

        <span class="Standard-C1">Guestbook</span></div>
</div>
<div style="position:absolute; left:342px; top:178px; width:58px; height:23px;">
    <div class="Standard-P0">
        <span class="Standard-C1"><a href="links.html" style="text-decoration:none;">Links</a></span></div>
</div>
<div style="position:absolute; left:882px; top:633px; width:46px; height:17px;">
    <img src="_wp_generated/wpead4581f.png" width="46" height="17" border="0" id="art_9" name="art_9" title="" alt="wpead4581f.png" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:927px; top:633px; width:68px; height:17px;">
    <img src="_wp_generated/wp870f3264.png" width="68" height="17" border="0" id="art_11" name="art_11" title="" alt="wp870f3264.png" onload="OnLoadPngFix()"></div>

<div style="position:absolute; left:281px; top:115px; width:236px; height:35px;">
    <img src="_wp_generated/wpfe7b0f11.png" width="236" height="35" border="0" id="three_4" name="three_4" title="" alt="wpfe7b0f11.png" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:946px; top:178px; width:65px; height:23px;">
    <div class="Standard-P0">
        <span class="Standard-C1"><a href="http://forum.ray-production.de/" style="text-decoration:none;">Forum</a></span></div>
</div>
<div style="position:absolute; left:578px; top:321px; width:120px; height:180px;">
    <img src="_wp_generated/wpcdc76420_0f.jpg" class="bild1image" width="120" height="180" border="0" id="pic_3" name="pic_3" title="" alt="wpcdc76420_0f.jpg"></div>
<div style="position:absolute; left:419px; top:322px; width:120px; height:179px;">
    <img src="_wp_generated/wpb9a5c2b9_0f.jpg" class="bild1image" width="120" height="179" border="0" id="pic_4" name="pic_4" title="" alt="wpb9a5c2b9_0f.jpg"></div>
<div style="position:absolute; left:257px; top:323px; width:120px; height:179px;">

    <img src="_wp_generated/wpd330bd7a_0f.jpg" class="bild1image" width="120" height="179" border="0" id="pic_9" name="pic_9" title="" alt="wpd330bd7a_0f.jpg"></div>
</div></center>
</body>
</html>
 
S

Stefan Teschke

Guest

AW: Bilder rütteln

Hat Funpics nicht gerade Probleme mit ihren Servern? Meine Hp die ich da HATTE ist down gewesen. Die ssagten sie hatten einen Angriff der gezielt auf Index.html ect. aufgebaut war. oO

mfg T.R.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 58 (Mitglieder: 1, Gäste: 57)
Robots: 1.057

Statistik des Forums

Themen
118.565
Beiträge
1.538.067
Mitglieder
67.488
Neuestes Mitglied
Andrew56524
Oben