einfach mit der Maus übers Bild

Nikolei35 · Beitrag von **Nikolei35** » Mo 11. Jun 2012, 00:40

Wie geht das, und kann man das auch auf den PC als stand alone benutzen?
... um evtl. eigene Bilder zu verwenden?

h**p://www.naked-people.de/index.php/pictures.html?page=1

gruß Niko

Beitrag von **MDuss** » Mo 11. Jun 2012, 09:01

Hi Nikolei35.

Ich weiß leider nicht so genau, was du genau willst oder meinst.
Wenn du dein Vorhaben etwas näher Erläutern könntest, wäre das besser.

MfG
MDuss

Beitrag von **tonidoc** » Mo 11. Jun 2012, 13:25

Hi MDuss

Ich könnte mir in etwa vorstellen, was Nikolei35 meint. Zum Beispiel gibt es heute in etlichen Zeitschriften Online, dass man mit der Maus, über das Bild ( Mädel ) es muss nicht unbedingt ein Mädel sein, es kann getrost etwas ganz anderes sein fährt, danach kann man entweder ihre Brüste, oder etwas anderes sehen. Ich denke mir, dass nokolei35 dies meint. Da muss ich Ihn entäuschen, damit habe ich mich bis anhin nicht beschäftigt. Wem nikolei35 aber etwas anderes meint, wäre eine genauere Beschreibung, wie Du hier schon erwähnst vorteilhaft.

Ich weis heute nur, dass man jrgendwie zwei Bilder übereinander legen muss. Wen man nun bleiben wir bei den Mädels, also wen man nun ein Mädel nimmt, muss ein Bild nackig sein, das andere mit Kleider, danach muss man das obenliegende bearbeiten. Ich weis nur, das das Programm sehr zeitaufwändig, und frustrierend sein soll.

MfG tonidoc

Mr.Gnom · Beitrag von **Mr.Gnom** » Mo 11. Jun 2012, 16:32

Hi Nikolei
Diese Bilder funktionieren im weiesten Sinne ähnlich wie Gif-Animationen.

Wie Tonidoc schon sagte, braucht man dazu zwei Bilder. Beispiel:

► Text anzeigen

Das Bild mit der Kleidung wird über das Bild ohne Kleidung "gelegt" und die Deckkraft
wird in mehreren Schritten reduziert, bis nur noch das Bild ohne Kleidung bleibt.

Das erste Problem besteht schon darin, (privat) zwei identische Bilder mit und ohne Kleidung zu erstellen.

Das zweit Problem besteht darin, dass es wohl nur eingebunden in Websites funktioniert.

Es wird daher meiner Meinung nach als StandAlone auf Deinem PC nicht funktionieren.

Gruss
MrGnom

Nikolei35 · Beitrag von **Nikolei35** » Mo 11. Jun 2012, 19:14

Schade, aber Danke für eure Antworten

Beitrag von **tonidoc** » Di 12. Jun 2012, 07:50

Nikolei35 hat geschrieben:Schade, aber Danke für eure Antworten

Hi Nikolei35

Dennoch fand ich Deine Frage interessant.

MfG tonidoc

Beitrag von **MDuss** » Di 12. Jun 2012, 08:49

Wenn man wüste, wie sich diese Funktionnennt, könnte ich mir eventuell vorstellen, dass auch entsprechende Grafikprogramme so etwas generieren könten, und man sich das ergebniss dann lokal im Browser ansehen kann, oder man kann sich das als Flash Objekt erstellen, was dann im Browser angezeigt werden kann.

Und solche Programme dürften wohl etwas teurer sein (ist eine Vermutung von mir).

Aber um nach so etwas zu suchen, müste man erst einmal wissen, wie diese GFunktion oder Eigenschaft genau heist.

Und da habe ich keine Ahnung von.

MfG
MDuss

Xx.Nathaniel.xX · Beitrag von **Xx.Nathaniel.xX** » Di 12. Jun 2012, 12:55

Hi da,

da ich Erfahrung mit Adobe Photoshop CS3 habe weiß ich das das Programm eine Funktion hat die nennt sich ActionScript. Wie man schon herauslesen kann benötigt man dazu Scriptingkenntnisse. Ohne diese ist es schwierig. Wenn man sich mit dem JavaScrip ein wenig auskennt, reicht auch ein einwaches Scripting Programm und man kann diese Funktion schnell hervorrufen.

Aber um bei dem Beispiel zu bleiben, man benötigt dazu 2 Exakt gleiche Bilder (von dem Umrissen her), die man sozusagen übereinander legt. Da man das nicht einfach so machen kann, sind da schon etwas Bilbearbeitungs Erfahrungen nötig, denke ich.

Ich würde mal sagen wenn man unerfahren ist lohnt sich der Zeitaufwand nicht. Aber man kann sich ja generell mal mit Photoshop beschäftigen, da kommt man noch auf viel schönere Ideen

Hm als Suchbegriff würde ich bei Google mal Image Rollovers eingeben. verbunden mit Photoshop oder Java, lässt sich einiges finden ;)

dunkle grüße,
Nathaniel

Beitrag von **MDuss** » Sa 16. Jun 2012, 13:50

Ich habe hiermal was Testweise versucht.

Der Quellcode sieht hier mal so aus.

Code: Alles auswählen


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Dynamische grafische Buttons</title>


  <script type="text/javascript">
Normal1 = new Image();
Normal1.src = "test1.jpg"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "test2.jpg"; /* erste Highlight-Grafik */
function Bildwechsel (Bildnr, Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
  </script>
  <style type="text/css">
h1 { color:#6363A5; font-family:Arial,sans-serif; }
p { color:#000000; font-family:Arial,sans-serif; }
  </style>
</head>


<body>

<a href="test.html" onmouseover="Bildwechsel(0, Highlight1)" onmouseout="Bildwechsel(0, Normal1)"><img src="test1.jpg" alt="Home" border="0" height="660" width="440"></a>
</body>
</html>

test1.jpg ist dabei die Dame angezogen, test1.jpg die Dame nackt.

Wie allerdings der Code für die Zeitliche Verzögerung aussieht, ist mir leider nicht bekannt.

Mehr habe ich bei selfhtml nicht erfahren.
http://de.selfhtml.org/navigation/suche ... e=rollover

Sieht aber lustig aus.

MfG
MDuss

Mr.Gnom · Beitrag von **Mr.Gnom** » Sa 16. Jun 2012, 15:53

MDuss hat geschrieben:Wie allerdings der Code für die Zeitliche Verzögerung aussieht, ist mir leider nicht bekannt. Mehr habe ich bei selfhtml nicht erfahren.

Hi MDuss
Beim Rollover-Effekt werden lediglich die Grafiken ausgetauscht.
Auf der Website sind jedoch zwei Grafiken übereinandergelegt, wobei die obere Grafik immer transparenter wird.
Daher glaube ich kaum, dass es sich um einen "typischen" Rollover-Effekt handelt.

Was ich mir vorstellen kann, dass man die zweite Grafik zum Beispiel als GIF benutzt,
in der dieser Effekt nachgestellt wird. Aber wer möchte schon so einen Aufwand ...

Gruss
Mr.Gnom

Nikolei35 · Beitrag von **Nikolei35** » Fr 23. Nov 2012, 00:40

"Was ich mir vorstellen kann, dass man die zweite Grafik zum Beispiel als GIF benutzt,
in der dieser Effekt nachgestellt wird. Aber wer möchte schon so einen Aufwand ...

Gruss
Mr.Gnom"

Hi, Mr. Gnom,

wies aussieht, sind es 2 jpg Dateien, und keine gifs, siehe hier:
http://www.naked-people.de/wp-content/u ... bianca.jpg
und
http://www.naked-people.de/wp-content/u ... bianca.jpg

zu finden unter Grafik-Info anzeigen, wenn man mit der rechten Maustaste aufs Bild klickt.

http://www.naked-people.de/people/page/18/

nur "was" macht die Überblendung?

Fragen über Fragen....

Beitrag von **tonidoc** » Fr 23. Nov 2012, 04:03

Hi Leute

Ja es sind beides jps.

MfG tonidoc