Frage zur Realisierung eines Features

TealC71 · 21.05.2010

Moin !

Ich habe für einen Bekannten die realisierung einer Websites übernommen, für einen Oldtimerclub. nun kommen die Herren auf immmer mehr Sonderwünsche und langsam komme ich mit meinem bisher gesammelten Wissen an Grenzen.

Sie wollen gerne das im Header beim Starten der index.html einmalig eine Oldtimer quer über den Header fährt

.

OK mal abgesehen das ich das peinlich finde.. Sie wollens halt. Wie kann man das realisieren, ohne das bei jedem neuen Seiten aufbau der Oldi da drüberfährt, bzw. womit kann man das überhaupt machen ich habe keine idee wie ich das hinbekommen kann.

Über Tipps wäre ich dankbar.

Die Seite habe ich mit Hilfe von Photoshop und CSS erstellt und bis soweit auch klar gekommen als ehemaliger Front Page Nutzer. Man muß ja mit der Zeit gehen ;-) Paar mir unerklärliche Macken hab ich noch, aber die merze ich noch aus. Nur der Oldtimer der da rüber fahren soll macht mir kopfschmerzen !

Gruß

Teal´C

sokie · 21.05.2010

AW: Frage zur Realisierung eines Features

Hallo TealC71,
da hast du Dir ja was vorgenommen.
interessant wäre schonmal zu wissen, wie das mit dem Oldtimer aussehen soll (danach richtet sich das schon ein bisschen mit welcher Technik man das angeht).
Dass das nicht mehr in dem Bereich liegt, wo Photoshop hilfreich ist, hast du wahrscheinlich schon festgestellt. Wenn du Flash zur Verfügung hast wäre das vielleicht eine Sache,mit der man das realisieren könnte, dazu brauchst du aber trotzdem noch etwas javascript oder php (um es hinzubekommen, dass die Sache nur einmal abläuft).
Vielleicht kannst du uns ja einen link zur Seite geben, und ein Bild von dem Oldtimer, damit man etwas genauer antworten kann.

TealC71 · 21.05.2010

AW: Frage zur Realisierung eines Features

Moin !

Also die Seite habe ich mal zum Testen hier :

So im Header Bereich soll ein Oldtimer (Bild anbei) von Links nach rechts fahren, so haben sie die Herren das ausgedacht...

PHP und Javascript wären keine Problem. Aber meine Programmierkenntnisse hier beschränken siech auf leichte Veränderungen von Scripten.

Tja das mit dem Oldtimer war auch am Anfang nicht besprochen !!! Nun denken die Herren anscheinend ich bin eine Firma. Da hab ich schon mal Stopp gesagt, ich mache sowas aus Spaß an der Sache... und das meine Kenntnisse nicht in den Profibereich gehen...

sokie · 21.05.2010

AW: Frage zur Realisierung eines Features

TealC71 schrieb:
(Bild anbei)

leider kein bild angekommen...

hier mal ein Beispiel wie man das mit Javascript machen könnte
mithilfe von jQuery

fakerer · 21.05.2010

AW: Frage zur Realisierung eines Features

Hallo,

ich würde das ganze auch mit php/Javascrip lösen.
Du musst halt in einer Session festhalten ob das Auto schon gefahren ist und dann das Javascript starten oder nicht.

TealC71 · 21.05.2010

AW: Frage zur Realisierung eines Features

Moin !

JEPP genauso wollen die das !!! Das Auto sieht genauso aus nur das es ein alter Ford ist.

Wo finde ich so ein Script ? Das reicht völlig...

sokie · 21.05.2010

AW: Frage zur Realisierung eines Features

das script findest du in der Seite selbst

HTML:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    if(window.name != "besucht"){
      $("body").append('<img src="ot.png" id="oldt" />');
      $("#oldt").animate({"left": "-400px"},10000,"linear");
      window.name="besucht";
    }
  });
</script>

den namen des Bildes in

Code:

$("body").append('<img src="ot.png" id="oldt" />');

muss du natürlich anpassen.
als css bekommt die #oldt:

Code:

#oldt{
    position:absolute;
    top: 5px;
    right: -400px; //muss grösser als die breite de Bildes sein
        um es aus dem sichtbaren Bereich zu schieben.
}

TealC71 · 22.05.2010

AW: Frage zur Realisierung eines Features

sokie schrieb:

das script findest du in der Seite selbst

HTML:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    if(window.name != "besucht"){
      $("body").append('<img src="ot.png" id="oldt" />');
      $("#oldt").animate({"left": "-400px"},10000,"linear");
      window.name="besucht";
    }
  });
</script>

den namen des Bildes in

Code:

$("body").append('<img src="ot.png" id="oldt" />');

muss du natürlich anpassen.
als css bekommt die #oldt:

Code:

#oldt{
    position:absolute;
    top: 5px;
    right: -400px; //muss grösser als die breite de Bildes sein
        um es aus dem sichtbaren Bereich zu schieben.
}

Moin !

Ja vielen Dank, dnachdem ich gepostet hatte, viel mir auch ein, dass ich ja nur den Quelltext aufrufen muß. Hatte es mir kurz rauskopiert aber aus Zeitmangel noch nicht genauer angesehen, was nun was ist ! Mit Deiner Erklärung ist das natürlich nun Premium-Service ! Vielen DANK !!!!!!!!

Gruß

Teal´C

TealC71 · 22.05.2010

AW: Frage zur Realisierung eines Features

Hallo !

So habs soweit hin, mit Positionierung etc. Aber wie bekomme ich das hin, dass der von links nach rechts fährt ? und nicht von rechts nach links. Ich hab schon an einigen Parametern gespielt aber das brachte nicht den Erfolg den ich wollte, dann gings gar nicht mehr...

Gruß

Teal´C

sokie · 23.05.2010

AW: Frage zur Realisierung eines Features

sollte eigentlich funktionieren, wenn die Ausgangspostion im css

Code:

#oldt{
    position:absolute;
    top: 5px;
    [B]left[/B]: -400px; //muss grösser als die breite de Bildes sein
        um es aus dem sichtbaren Bereich zu schieben.
}

ist und die animation

Code:

$("#oldt").animate({"[B]right[/B]": "-400px"},10000,"linear");

nach rechts läuft.

TealC71 · 23.05.2010

AW: Frage zur Realisierung eines Features

Moin !

Genau der Meinung war ich auch und hatte die Attribute bereits getauscht, das erstaunliche, dann passiert gar nix :uhm:

Daher war ich schon sehr verwundert ! Das geht im Moment nur von rechts nach links ?!?! Komisch...

sokie · 23.05.2010

AW: Frage zur Realisierung eines Features

tatsache, sieht so aus, ls könne jQuery mit animate und "right" nicht arbeiten...
hier ein workaround:

Code:

<script type="text/javascript">
  $(document).ready(function(){
    if(window.name != "besucht"){
      $("body").append('<img src="ot.png" id="oldt" />');
      $("#oldt").css("left",-$("#oldt").width());
      var lWert = $(window).width() + $("#oldt").width();
      $("#oldt").animate({"left": lWert},10000,"linear",function(){
        $("#oldt").remove();
      });
      window.name="besucht";
    }
  });
</script>

css

Code:

#oldt{
    position:absolute;
    top: 5px;
}

das img wird genau eine Bildbreite links ausserhalb des Fensters platziert und dann nach links um genau eine Bildbreite + der Fensterbreite animiert und anschliessend entfernt

TealC71 · 23.05.2010

AW: Frage zur Realisierung eines Features

Shit, der geht auch nicht...

Pfad zum Bild hab ich angegeben... hab ich noch was übersehen ???

spacle · 25.05.2010

AW: Frage zur Realisierung eines Features

das hilft dir jetzt wahrscheinlich echt nich bei deinem jetzigen problem, aber wenn ich mir das jetzt schon so anschaue dann fällt mir auf, dass die navigation beim auslösen des pulldowns hin und her wackelt

TealC71 · 25.05.2010

AW: Frage zur Realisierung eines Features

MoiN !

OK in welchem Browser ? Bei Firefox wackelt nix....