Wie diese Funktion mit HTML-Code nachbauen?

Guten Abend zusammen ich programmiere eine kleine Seite und mir ist eine Funktion auf ebay aufgefallen; Wenn ihr auf dir Startseite geht dann gibt es etwas unten eine Art: Werbungsvorschläge. Beispielsweise steht da: Handys und Smartphones und direkt dadrunter befinden sich mehrere Bilder von verschiedenen Produkten. Wenn man darauf klickt wird man dementsprechend weitergeleitet. Rechts und links gibt es eine Pfeiltaste, wenn man sie drückt geht es nach links/rechts und es werden weitere Bilder/Produkte angezeigt. Es geht hierbei um die Funktion: Persönliche Empfehlung bei Ebay. Mir ist bereits bewusst, dass ich eine Scriptsprache brauche. Mir geht es jedoch hierbei nur um die Struktur und nicht um die Funktionen. Ich habe mir gedacht, dass ich diesen Code verwenden könnte: <button>←</button> -> Das ist ein Button mit der Pfeiltaste rechts und ich füge einige Bilder hinzu mit dem Code <img> .

Habt ihr vlt. einen Code mit dem es einfacher geht oder würdet ihr es anders machen. Ich bin dankbar für jede Hilfe und jeden Code :)

1 Antwort

Vom Fragesteller als hilfreich ausgezeichnet

EinAlexander

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, CSS

01.11.2022, 20:06

Habt ihr vlt. einen Code mit dem es einfacher geht

Google Mal nach Carousel. Dann wirst du jede Menge Vorschläge für Javascript Lösungen bekommen.

Das geht aber auch ohne Skript Sprache: https://css-tricks.com/css-only-carousel/

Alex

Pro334

Fragesteller

01.11.2022, 20:07

Das ist echt super vielen DANK

Pro334

Fragesteller

01.11.2022, 20:20

Wenn ich dich mal was fragen kann: Wenn ich den html Code des Carousel kopiere und in VS einfüge dann wird das Carousel selber auf der Webseite nicht angezeigt, liegt das eventuell daran, dass ich nur den html Code kopiert habe und nicht noch dazu den css bzw. JS Code ?

EinAlexander

02.11.2022, 07:07

@Pro334

liegt das eventuell daran, dass ich nur den html Code kopiert habe

Ja.

Und nicht noch dazu den css bzw. JS Code ?

Das CSS brauchst du natürlich auch. JS ist keines dabei.

Pro334

Fragesteller

03.11.2022, 18:23

@EinAlexander

Vielen Dank !

Ähnliche Fragen

Tabelle nach SQL-Eintrag aktualisieren?

Hallo!

Ich habe mir ein Tool gebaut, welches Namen von einem SQL-Server holt und anzeigt. Das ganze habe ich schon verwendet, aber dann habe ich mir gedacht, dass es besser wäre wenn ich die Namen auch anhaken könnte. Das hab ich so programmiert aber dann ist mir etwas aufgefallen. Um die Daten aus dem SQL-Server zu aktualisieren habe ich folgendes verwendet:

<meta http-equiv="refresh" content="30">

Dadurch werden die Häkchen jetzt immer wieder gelöscht. Wie könnte man dieses Problem lösen?

...zur Frage

Wie in einer HTML Website Text neben ein Bild machen?

Hi, ich programmiere gerade für eine Präsentation in der Schule eine Mini Website. Ich mach mal ein Bild vom Code des Bildes und von der ausgeführten Seite.

Ich will, dass das Bild rechts ist und links der Text, ohne das genau neben dem Bild Platz ist.

...zur Frage

C: Struct-Inhalte an Funktion übergeben?

Hallo, ich bekomme es nicht richtig hin meine Parameter vom Struct korrekt an meine Funktion zu übergeben. Sieht eher nach einer Speicheradresse oder was auch immer aus. Kann da jemand Beihilfe schaffen? Hier der Code dazu:

Struct + Mutex + globale Variablen:

main:

funktion:

ausgaben (Das Programm terminiert mittlerweile noch nicht mal):

Hierbei geht es also um die Parameter id und time welche nicht korrekt an die Funktion übergeben werden. Id sollte bei 1 starten und time eine Zufallszahl zw. 1 und 10.

Danke im voraus.

...zur Frage

Pfeiltaste unten und Pfeiltaste links funktioniert nicht?

Ich habe bereits die Treiber meiner Tastatur reinstalliert und geupdated, und eine andere Tastatur benutzt. Wenn ich den PC hochfahre und das Passwort für den Benutzer eingebe (Windows 7), funktioniert die pfeiltaste nach links. Ich habe mithilfe von Programmen, die z.B taste "g" auf pfeiltaste links umbinden benutzt, und schon wieder funktionieren nur taste oben/rechts und taste unten/links nicht. Also sind die beiden Pfeiltasten irgendwie von meinem Pc aus "ausgeschaltet". Wie kann ich das beheben? Mfg Laduffbeer

...zur Frage

JavaScript/jQuery! Wie einen Loop einbinden?

Auch hier bin ich absoluter Newby!

Ich habe eine nette kleine Funktion:

--------------------------------------------------------------------------------------------------------------

$({ countNum: $('.code2').html() }).animate({ countNum: 5360 }, {

duration: 10000,

easing: 'linear',

step: function () {

$('.code2').html(Math.floor(this.countNum));

complete: function () {

$('.code2').html(this.countNum + "+");

//alert('finished');

}

});

--------------------------------------------------------------------------------------------------------------

Das funktioniert - alles supi - nun möchte ich, dass die Animation nach einem kleinen Zeitintervall erneut startet. Habe dazu über Google 'setInterval' gefunden und einen Code. Leider fehlt mir noch das Verständnis was ich wo einfügen muss.

Hier der Code von Google:

Edit: Ist der Code vielleicht falsch, javascript vs jquery???

function meineFunktion() { 
    // ... 
} 

setInterval(function() { 
    // alle 3 Sekunden ausführen 
    meineFunktion(); 
}, 3000);

Habe das so in meine Scriptdatei eingebunden:

--------------------------------------------------------------------------------------------------------------

$({ countNum: $('.code').html() }).animate({ countNum: 1295365}, {

duration: 10000,

easing: 'linear',

step: function () {

$('.code').html(Math.floor(this.countNum));

setInterval(function() {

// alle 3 Sekunden ausführen

meineFunktion();

}, 3000);

complete: function () {

$('.code').html(this.countNum + "+");

//alert('finished');

}

--------------------------------------------------------------------------------------------------------------

Ich nehme an mindestestens "meineFunktion()" ist nur ein Platzhalter, aber ich bin nicht sicher, was da vom Code rein soll.

Stört das complete eigentlich die Wiederholung oder zeigt das nur an, was passiert, wenn es fertig hochgezählt hat?

Freue mich wie immer über Antworten! :)

Aber auch über Links z.B. mit einer leicht verständlichen Übersicht der Anatomie eines Jquery Codes, damit ich zukünftig besser allgemeine Beispiele an meine anpassen kann.

Bonusfrage:

Ich würde ganz gerne zu der Zahl noch eine einfache sich drehende Grafik (Kreis, Pfeil oä) hinzufügen. Hat da jemand zufällig nen leicht verständlichen Link oä dazu?

...zur Frage

Sobald <a> tag hinzugefügt wird verkleinert sich der Registrieren Button?

Hey also jeweils die ersten beiden Bilder zeigen wie ich es haben möchte und die letzten beiden was passiert sobald ich dies umsetze. Es klappt nicht dass der Registrieren Button auf normaler größe bleibt, sobald ich die angehängte HTML Datei in den Code tippe, schrumpft der Button. Hat irgendwer eine erklärung und ggf auch lösung.

Edit: liegt wohl nicht am A tag

...zur Frage

Wie kann man in html bilder responsive machen?

Sodass, das Bild nicht von links nach rechts verkleinert wird sondern von rechts nach links.

also nicht so, sondern den rechten Teil im Bild hat

den rechten

...zur Frage

Fehler bei JS innerHTML?

Hallo. Ich habe einen kleinen, großen Bug in meinem Code. Vorerst mein Ziel ist es, dass beim Click auf einen expand Button von Bootstrap ein Array als List Element lädt. Es soll für jeden Array Eintrag ein einzelner List Eintrag erstellt werden.

Mein Bug :

Beim Klicken auf den Expand Button finde ich folgende Fehlermeldung vor :

Wenn ich danach nochmal 2 mal auf den Button drücke um das Feld zu schließen und wieder zu öffnen passiert folgendes

Mein Code :

Danke für jede Hilfe. (Man könnte natürlich auch einfach die Funktion beim laden der Seite einmal ausführen, aber ich würde gerne den konkreten Fehler finden)

...zur Frage

Button welcher beim Scrollen auf Webseite an gleicher Position unten rechts bleibt HTML?

Hallo,

ich habe eine Frage, wie muss ich das in CSS machen, das ein Button, welcher ein Bild ist, immer unten rechts in der Ecke angezeigt wird? Der Knopf ist eine <img>.

Muss ich in CSS img {position:fixed;} eingeben damit er beim scrollen immer da bleibt? Und muss wie soll ich den Code machen, damit er leicht durchsichtig unten rechts ist?

...zur Frage

Html und Css; Wieso wird der Text am Ende als Link dargestellt?

Hallo,

es geht um folgenden Code:

<!doctype html>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="widt=device-width, initale-scale=1">
        <meta name="description" content="Beschreibung">
        <title>Test html Grundgeruest</title>
    </head>
    <body>
    </body>
</html>

</br>
</br>
</br>

ERSTELLUNG EINES LINKS</br>
<a href="irgendwohin.html">Hier Klicken</a>
Nach "href=" steht die Datei, die aufgerufen werden soll, diese muss in Gänsefüsschen stehen.</br>
"Hier Klicken" ist der für den Benutzer sichtbare Text, der angeklickt </br>
werden soll. Achtung Attribute wie href stehen immer nur im Start-Tag, nie im End-Tag.</br>
</br>
</br>
</br>

EINFÜGEN VON BILDERN</br>
<img src="https://localhost/Schulung_Html_und_Css/Html/Vorgang_02_HTML_Grundgeruest/Bilder/test.jpeg" alt="kurzbeschreibung" width="50px" height="50px">
</br>
</br>



    <!--
    - Beachte dass das Bild im selben Ordner liegen muss oder ein eindeutiger Link erzeugt werden muss.
    Wobei darauf zu achten ist, in welche die "/" schauen.
    -->
</br>
</br>
</br>
</br>



<p> Hier kann ein Text dargestellt werden </P>
<p> Hier kann ein weiterer Text dargestellt werden </p>
    <!--
    - Hat den Vorteil dass mit einem Stylesheet alle mit <p> gekennzeichneten "Container" mit einer Eingabe oder Umstellung Formatiert werden können.
    -->



<ul>
    <li><a href="https://www.google.com/">Google</></li>
    <li><a href="https://www.youtube.com/">Youtube</></li>
    <li><a href="https://www.bing.com/">Bing</></li>
    <li><a href="https://www.y-informer.com">y-informer.com</></li>
</ul>    

</br>
</br>
</br>

<p> Dies ist die Xampp installation</p>


    <!-- so wird ein Kommentar eingefügt. Dieser ist für den Besucher der Webseite nicht lesbar.
        Innerhalb des kommentars können auch html Befehle  eingegeben werden. Diese sollen zumindest
        keine auswirkungen auf die Eingabe haben.
        
        - Fehler der mir unterlaufen ist. Beim Einfügen von Bildern, sofern dieser im selben Ordner liegt muss hinter dem
        <img src noch ein "=" Zeichen. Wenn das Bild in einem leserlichen Format ist klappt es.
        -- Sofern das Bild an einem anderen Ort liegt, klappt es aber nicht, an der Lösung wird noch gearbeitet.
        
        Beachte:
        - Dateifadsangaben im internet -> "/"
        - Dateifadsangaben im Betriebssystem -> "\"
        - Die Angabe "localhost" beinhaltet bereits die "htdocs" entsprehcend ist im weiteren nur noch der Projektordner anzugeben.
        
        Merke: bei dem eigentlichen Turtorial:
        - Die Xamp Installation und Konfiguration durchgehen
        - kurze einführung wie das funktioniert mit dem Webspace -> PC -> Server -> Webspace -> Domain und so weiter.
        
    -->

Wenn ich mir den Code im Browser ansehe wird der Teil unten:


<p> Dies ist die Xampp installation</p>

als Link dargestellt wieso ist das so?

...zur Frage

Website HTML und CSS Fehler?

Hallo,

ich soll als Hausaufgabe eine Website (nur HTML und CSS) programmieren (wir haben bis jetzt nur die Basics gemacht).

Ich habe nun die Grundstruktur in HTML so gemacht, wie ich es brauche und bin nun beim CSS Teil angekommen, welcher mir etwas Kopfschmerzen bereitet.

Ich habe mal Screenshots vom bisherigen Code eingefügt (Die Website soll laut Lehrer ganz einfach sein, das Impressum muss nur einen Beispieltext enthalten und den Code für den footer aus der Landingpage habe ich noch nicht an die anderen Seiten angepasst, da ich noch mit CSS am experimentieren war).

Falls der Code an sich besser weiterhilft, habe ich hier noch den Dropbox Link:
https://www.dropbox.com/scl/fi/fgwyg3w7m4hfqdnbl3f3n/Website.zip?rlkey=1ea3d4quzggbn8xgnk9x9gvk3&dl=0

Nun habe ich folgende Probleme/Dinge, die ich auf der Website haben möchte, aber nicht hinbekomme:

Ich möchte einen festen Header haben (wie der auf gutefrage), bei welchem die anderen Seiten mittig angeordnet sind
Der footer soll wie bei Amazon ganz unten sein und auch in einem farbigen Kasten, welcher sich über den ganzen Bildschirm zieht
Die Texte im Footer sollen einmal links(2023), mittig(impressum) und rechts(Namen) ausgerichtet sein (irgendwie konnte ich den Link zum Impressum nicht verschieben)
Die Seite muss nicht 100% responsible sein, sondern soll sich nur an verschiedene Browser anpassen (Laut Lehrer mit Hilfe von prozentualen Werten anstatt Pixeln)
Auf der Landingpage möchte ich das Hintergrundbild haben und der Text (welchen ich noch hinzufügen muss) soll erst nach dem Bild kommen, wenn man runter scrollt
Auf der Impressum Seite soll der Beispieltext zum Uhrheberrecht nicht von ganz links nach ganz rechts auf dem Bildschirm gehen, sondern nur bis zu etwa der Mitte und dann einen Zeilenumbruch (soll sich nicht verschieben, wenn ich es mit anderem Browser benutze)

Ich habe schon selbst versucht, die oben genannten Dinge irgendwie zu fixen, aber entweder klappt es nicht oder meine Website stellt sich einmal auf den Kopf. Da wir auch erst die Basics in CSS hatten, weiß ich leider nicht mehr, als das, was ich schon gemacht habe.

Es wäre sehr hilfreich, wenn mir einer, der sich damit auskennt, weiterhelfen könnte und mir erklären kann, wie ich die oben genannten Kriterien umsetzen kann.

Ich bedanke mich schonmal sehr bei euch.

Grüße Alex

...zur Frage

Warum Funktioniert dieser Code nicht?

Der Code ist ein Movement Skript für den Spieler, der code soll erkennen wenn er ein Objekt mit der Layer "Actor" oder "Blocking" berührt und die Bewegung in diese Richtung stoppen. Wenn ich das Programm starte bewegt sich der Spieler erst nicht, weil er die Layer "Actor" hat und mit sich selbst kollidiert, wenn ich jedoch als Test ihm eine andere Layer zuteile funktioniert der code so wie soll jedoch nur wenn ich die Objekte von Rechts nach links berühre, von oben nach unten und von unten nach oben und von Links nach rechts bleibt der Spieler in dem Objekt stecken und kann sich in keine Richtung mehr bewegen.

Dann hab ich in den Projekt Settings unter Physics 2D "Queries Start in Colliders" deaktiviert das der Spieler nicht mit sich selbst kollidiert. Wenn ich jetzt das spiel starte mit der Layer "Actor" auf dem Spieler funktioniert es wieder wie es soll jedoch wieder nur wenn ich von rechts nach links das Objekt berühre, von allen anderen Seiten kann ich durchlaufen!

Der Code:

Hoffe das Bild ist groß genug um es zu erkennen (wenn es unerkennbar ist lade ich sofort eines mit besserer Qualität hoch!)

Habe jetzt gerade herausgefunden das wenn ich beim Movement das "*movementSpeed" herauslösche es funktioniert! Jedoch läuft der Spieler jetzt extrem Langsam, weiß jemand wie ich den Speed anpassen kann ohne diesen Bug zu haben?

...zur Frage

Button in html?

Wie erstelle ich Button in html die man nach links verschieben kann und wenn ein anderer verschoben wird, dass der andere wieder zurück in die ursprüngliche Lage geht.

Wenn möglich sollte der Code (html, css und javascript) möglichst kurz sein und für PC sowie mobile Geräte verfügbar sein.

Danke

...zur Frage

Button in Excel mit Funktionalität programmieren?

Kann ich in Excel einfach einen Button einfügen, hinter dem ein Stück Code steckt, der dann das Sheet durchsucht und auf die richtige Zelle springt?

Kann mir jemand den Link auf die MS Dokumentation schicken oder ein gutes Tutorial?

Die Anforderung ist in etwa so:
* Klick auf Button
* ermittle_Uhrzeit()
*springe in die Zelle rechts neben der Uhrzeit ( gerundet )

danke{};

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen