Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Frage zur Realisierung eines Features“

TealC71

Nicht mehr ganz neu hier

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

Mod | Web

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

Nicht mehr ganz neu hier

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...
 

fakerer

Aktives Mitglied

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

Nicht mehr ganz neu hier

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

Mod | Web

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

Nicht mehr ganz neu hier

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.
}

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

Nicht mehr ganz neu hier

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

Mod | Web

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

Nicht mehr ganz neu hier

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

Mod | Web

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
 
Zuletzt bearbeitet:

TealC71

Nicht mehr ganz neu hier

AW: Frage zur Realisierung eines Features

Shit, der geht auch nicht...

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

spacle

von fraglichem Nutzen

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
 
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

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.881
Mitglieder
67.226
Neuestes Mitglied
Alec168
Oben