Coderz.PRO

Hilfe zu Programmier-/Skriptsprachen für Anfänger und Profis. Zusätzlich Support zu WBB/WCF und -Plugins.

Nachrichten

  • Neu

    Hallo,

    ich bastle gerade mit Canvas rum und bin zu mehreren Probleme gekommen.
    Vorab hier ein kleines Bild:

    An den "Halbkreisen" um der "Uhr" müsst ihr euch kleine Balken für Start und Ende dazu denken.

    Die Balken sollen kleine Griffe sein um die Größe der jeweiligen Farbe um den Kreis herum zu verkleinern oder zu vergrößern. Ohne Objekte ist das natürlich ziemlich doof, daher habe ich oCanvas dafür ausgewählt (alles andere war Mist oder ich habe nichts vernünftiges gefunden).

    Folgendes habe ich jetzt gebastelt: jsbin.com/foratuxizi/1/edit?html,output

    An dem Beispiel sieht man links einen dunkel blauen Griff. Das Problem an diesem Griff ist, dass dieser Griff viel größer ist als man es sieht. Wenn man die Maus nämlich neben den Griff auf die Farben blau und gelb bewegt, dann kommt erst recht spät ein Hover. Wenn man diesen Griff aber löscht, dann passt der Hover so wie er es soll.

    Ich verlange jetzt von niemanden den Fehler von mir oder oCanvas zu suchen, wer es möchte kann es…
  • Neu

    Hallo!

    Ich bitte um Eure Hilfe. Hab in Eurem Forum etwas gefunden und ausprobiert, komm aber nicht zum Ende. Ich schildere zunächst mein Vorhaben.
    Das Bild unter dic-id menu soll beim scrollen auf top stehen bleiben. Der Text muss dabei aber darunter weiterlaufen. Zudem habe ich die Herausforderung, dass die Größe des Bildes sich mit dem Scrollen ändert.

    Das Bild soll immer 100% der Breite ausfüllen, der Text immer darunter laufen und soll das Bild am oberen Ende per scrollen fixiert werden. Beim Runterscrollen wieder auf die Ursprungsversion zurück.

    Ich hoffe, Ihr könnte mir helfen.

    Vielen Dank,

    Thomas

    Quellcode

    1. <style>
    2. body {
    3. font-family: arial;
    4. margin: 0;
    5. padding: 0;
    6. background: #999;
    7. }
    8. #logo {
    9. font-weight: auto;

Ungelesene Themen

Thema Antworten Letzte Antwort

Benutzer-Avatarbild

Canvas Objekte

Freaky - - JavaScript und Actionscript
2
Benutzer-Avatarbild

Freaky

Benutzer-Avatarbild

Bild on top fixieren, Text läuft darunter weiter

pragerdesign - - JavaScript und Actionscript
2
Benutzer-Avatarbild

pragerdesign

Benutzer-Avatarbild

Abstand zwischen zwei Bilder vermeiden

umu_yav - - HTML, CSS
1
Benutzer-Avatarbild

FirePanther

Letzte Aktivitäten

  • Benutzer-Avatarbild

    Freaky -

    Hat eine Antwort im Thema Canvas Objekte verfasst.

    Beitrag
    Haha ja, habe ihn zu erst angeschrieben bevor ich den Thread erstellt habe (ungeduldig und so :D) Das ist echt schade. Würdest denn wissen ob meine Idee mit HTML und JS realisierbar wäre? Ich würde jetzt jedoch nicht wissen wie ich z.B. Halbkreise…
  • Benutzer-Avatarbild

    FirePanther -

    Hat eine Antwort im Thema Canvas Objekte verfasst.

    Beitrag
    Ja, wie du schon meintest, oCanvas hat da einen Bug, hast ihn anscheinend auch schon (genau wie ich) persönlich angeschrieben und der Fehler ist viel zu schwierig zu beheben (ist halt viel Mathematik). Ich kenne keine Alternativen, habe mich zu dem…
  • Benutzer-Avatarbild

    Freaky -

    Hat das Thema Canvas Objekte gestartet.

    Thema
    Hallo, ich bastle gerade mit Canvas rum und bin zu mehreren Probleme gekommen. Vorab hier ein kleines Bild: 77ftb.png An den "Halbkreisen" um der "Uhr" müsst ihr euch kleine Balken für Start und Ende dazu denken. Die Balken sollen kleine Griffe sein…
  • Benutzer-Avatarbild
    Also bei mir funktioniert dein Skript (wenn ich der Page eine Höhe gebe, dem Logo eine Höhe gebe und die Logohöhe definiere). Du kannst das übrigens direkt in CSS umsetzen (position: sticky), wenn du es jedoch kompatibel für ältere Browser machen…
  • Benutzer-Avatarbild

    pragerdesign -

    Hat eine Antwort im Thema Bild on top fixieren, Text läuft darunter weiter verfasst.

    Beitrag
    Hallo! Vielen Dank. Hat fast funktioniert. Habe jetzt noch ein Restproblem. Mobile wird alles perfekt dargestellt. Wenn ich am Desktop allerdings beginne zu scrollen, wird das Bild um gut 100% vergrößert....aber nur beim Desktop... Hättest Du noch…
  • Benutzer-Avatarbild

    FirePanther -

    Hat eine Antwort im Thema Bild on top fixieren, Text läuft darunter weiter verfasst.

    Beitrag
    Also bei mir funktioniert dein Skript (wenn ich der Page eine Höhe gebe, dem Logo eine Höhe gebe und die Logohöhe definiere). Du kannst das übrigens direkt in CSS umsetzen (position: sticky), wenn du es jedoch kompatibel für ältere Browser machen…
  • Benutzer-Avatarbild

    pragerdesign -

    Hat das Thema Bild on top fixieren, Text läuft darunter weiter gestartet.

    Thema
    Hallo! Ich bitte um Eure Hilfe. Hab in Eurem Forum etwas gefunden und ausprobiert, komm aber nicht zum Ende. Ich schildere zunächst mein Vorhaben. Das Bild unter dic-id menu soll beim scrollen auf top stehen bleiben. Der Text muss dabei aber darunter…
  • Benutzer-Avatarbild

    FirePanther -

    Hat eine Antwort im Thema Abstand zwischen zwei Bilder vermeiden verfasst.

    Beitrag
    interessante css :D ich ignoriere die mal. eine seite wäre hilfreicher (mit html usw.) wenn ein abstand zwischen den bildern ist, kannst du entweder: in html den whitespace dazwischen entfernen (z.B. zeilenumbruch) in css den margin entfernen (wenn da…
  • Benutzer-Avatarbild

    umu_yav -

    Hat das Thema Abstand zwischen zwei Bilder vermeiden gestartet.

    Thema
    hab hier ein Bild: cl.ly/image/363x2X1F2h0g Zwischen diesen zwei Bildern ist immer ein weißer abstand den ich nicht möchte :D Kann mir jemand da helfen? hier die CSS datei: http://pastebin.com/S6KRw9C DANKE!
  • Benutzer-Avatarbild

    Freaky -

    Hat eine Antwort im Thema saubere Frame aus einer GIF exportieren verfasst.

    Beitrag
    Bin zu 2 Lösungungen gekommen: 1. Die Differenze jeder Stelle bilden und neu aufmalen. Dadurch sieht man jedoch leichte Kreise aber man kann die Buchstaben problemlos lesen 2. Pixel pro Position vergleichen und die Farbe die am häufigsten dran kommt…
  • Benutzer-Avatarbild

    FirePanther -

    Hat eine Antwort im Thema saubere Frame aus einer GIF exportieren verfasst.

    Beitrag
    dann vllt 5 fest definierte positionen
  • Benutzer-Avatarbild

    Freaky -

    Hat eine Antwort im Thema saubere Frame aus einer GIF exportieren verfasst.

    Beitrag
    Das würde scho bei dieser Frame nicht hinhauen: njj Denn hier wäre die Farbe der Buchstaben öfter als von der Scheibe, genauso wie die 3 Hintergrundfarben :(
  • Benutzer-Avatarbild

    FirePanther -

    Hat eine Antwort im Thema saubere Frame aus einer GIF exportieren verfasst.

    Beitrag
    ja, würde lange dauern, ist also nicht so gut für live ausgaben gedacht. musst ja nicht die ganze spalte prüfen, kannst ja einfach eine zeile (die mittlere y koordinate) abarbeiten und gucken, welche farbe am öftesten vorkommt.
  • Benutzer-Avatarbild

    Freaky -

    Hat eine Antwort im Thema saubere Frame aus einer GIF exportieren verfasst.

    Beitrag
    Daran dachte ich ebenfalls. Aber wie stellst man sich sowas vor? Man muss dann ja wirklich Spalte für Spalte in allen Frames gehen und suchen wo 2 gleich sind und diese wieder hintereinander packen, sodass das saubere Bild entsteht. Würde sowas nicht…
  • Benutzer-Avatarbild

    FirePanther -

    Hat eine Antwort im Thema saubere Frame aus einer GIF exportieren verfasst.

    Beitrag
    hm, du könntest auch paar bilder nehmen und die unterschiede anschauen. beim unterschied kannst du dann erkennen, was die animation ist. du könntest eigentlich auch aus einigen bildern ein perfektes bild generieren, ohne das perfekte bild zu kennen…
  • Benutzer-Avatarbild

    Freaky -

    Hat eine Antwort im Thema saubere Frame aus einer GIF exportieren verfasst.

    Beitrag
    Achso, dann muss man aber ein Prozentsatz nehmen was z.B. blau ist. Die Spalte ist ja nicht komplett gefüllt. Das Problem ist jedoch, dass z.B. ganz links die Farbe hell blau/grün auch dominiert. Deswegen würde ein Lösungsansatz so leider nicht…
  • Benutzer-Avatarbild

    FirePanther -

    Hat eine Antwort im Thema saubere Frame aus einer GIF exportieren verfasst.

    Beitrag
    wenn eine spalte immer aus derselben farbe besteht (z.b. blau), dann ist das wahrscheinlich der kreis
  • Benutzer-Avatarbild

    Freaky -

    Hat eine Antwort im Thema saubere Frame aus einer GIF exportieren verfasst.

    Beitrag
    Verstehe ich nicht. Ich habe mal 3 Frames rausgesucht: njj njU njp Wenn ich jetzt jede Spalte abarbeite, dann sehe ich irgend wann, dass sich Bilder unterscheiden aber ich weiß am Ende immer noch nicht welches ohne der "Scheibe" ist.
  • Benutzer-Avatarbild

    FirePanther -

    Hat eine Antwort im Thema saubere Frame aus einer GIF exportieren verfasst.

    Beitrag
    du kannst die x koordinate abarbeiten und sobald eine spalte immer dieselbe farbe hat is es nicht sauber. ein margin beschleunigts und machts sicherer
  • Benutzer-Avatarbild

    Freaky -

    Hat das Thema saubere Frame aus einer GIF exportieren gestartet.

    Thema
    Hallo, ich habe folgendes Bild: nju Ich möchte davon nun das saubere Bild ohne dem blauen Kreis drauf haben. Ich habe mit GifFrameExtractor jede Frame von der GIF bekommen. Jetzt weiß ich aber leider nicht mehr weiter wie ich herrausfinden kann ob…
Botcheck