kostenloser Webspace werbefrei: lima-city


Dollzmaker

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    nicole

    nicole hat kostenlosen Webspace.

    Hi!

    Ich hab noch ein Problem: Ich habe nun den Code f?r einen Dollzmaker gefunden. Dadurch kann man die Bilder auf der Seite herumziehen. Nun w?rde ich aber gerne, dass man nicht das Bild, sondern eine Kopie herumzieht.
    Normalerweise klickt man auf das Bild und zieht es weg. So. Wenn man das Bild nun aber mehrere Male braucht, muss ich die Bilder mehrere Male in die Seite einf?gen. Ich m?chte aber nun, dass man auf das Bild klick und man eine Kope davon wegzieht. So ist dann das eingef?gte Bild immernoch an seinem Platz und man hat nun auf der Seite zwei dieser Bilder. So kann man von dem eingef?gten Bild beliebig viele Kopien ziehen und das Bild muss nicht mehrere Male eingef?gt werden.
    Ich w?rd gern eine Beispielseite angeben, damit man sehen kann, was ich meine, aber ich hab leider keine gefunden (deswegen frag ich hier im Forum, sonst h?tt ich ja auch im Quellcod egucken k?nnen...)...

    Hat das jemand verstanden und kann mir helfen?
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Wenn du mir den Code gibst kann ich dir vielleicht helfen
  4. Wenn es dir weiterhilft:

    <img src="bild1.jpg" onmousedown="neuesbild('bild1.jpg',20,20);" style="position: absolute; left: 20; top: 20">
    <img src="bild2.jpg" onmousedown="neuesbild('bild2.jpg',65,20);" style="position: absolute; left: 65; top: 20">
    <script language="javascript">
    var a="'";
    function neuesbild(src,l,t) {
    var x = document.body.innerHTML;
    x = x + '<img src="'+src+'" onmousedown="neuesbild('+a+src+a+','+l+','+t+');" style="position: absolute; left: '+l+'; top: '+t+'">';
    document.body.innerHTML=x;
    }
    </script>

    in der Funktion "neuesbild" muss die Adresse des Bildes und die Position (l von links, r von rechts) angegeben werden. dann wird der HTML Code hinzufeg?gt.
  5. Autor dieses Themas

    nicole

    nicole hat kostenlosen Webspace.

    Dann muss ich ja die Position erst noch ausmessen :wow:

    Der Code sieht wie folgt aus:
    <style>
    <!--
    .drag{position:relative;cursor:hand}
    -->
    </style>
    <script language="JavaScript1.2">
    <!--

    var dragapproved=false
    var z,x,y
    function move(){
    if (event.button==1&&dragapproved){
    z.style.pixelLeft=temp1+event.clientX-x
    z.style.pixelTop=temp2+event.clientY-y
    return false
    }
    }
    function drags(){
    if (!document.all)
    return
    if (event.srcElement.className=="drag"){
    dragapproved=true
    z=event.srcElement
    temp1=z.style.pixelLeft
    temp2=z.style.pixelTop
    x=event.clientX
    y=event.clientY
    document.onmousemove=move
    }
    }
    document.onmousedown=drags
    document.onmouseup=new Function("dragapproved=false")
    //-->
    </script>
  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!