Bild Popup mit jQuery von Scratch | Krishnaa Kumar | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Bild Popup mit jQuery von Scratch

teacher avatar Krishnaa Kumar, Your Best Mentor :-)

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

7 Einheiten (14 Min.)
    • 1. Einführung

      0:30
    • 2. jQuery Paket

      0:49
    • 3. Überlagerung

      3:03
    • 4. Großes Bild

      2:19
    • 5. jQuery Code

      2:29
    • 6. Knopf schließen

      2:40
    • 7. jQuery Schließen

      2:35
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

71

Teilnehmer:innen

--

Projekte

Über diesen Kurs

Hallo, an alle,

In diesem Kurs erstellen wir image mit jQuery absolut von Grund auf . Stellen Sie sicher, dass du einige Grundkenntnisse in jQuery und CSS hast. Wenn du es nicht hast, kannst du einfach folgen, weil das Erstellen eines solchen image sehr einfach ist.

Ich verwende Sublime Text als meinen Texteditor und teste die Webseite auf localhost mit XAMPP. Nachdem du den Kurs abgeschlossen hast, kannst du das Projekt herunterladen und es nach deinem Bedarf ändern.

Triff deine:n Kursleiter:in

Teacher Profile Image

Krishnaa Kumar

Your Best Mentor :-)

Kursleiter:in

I am a software developer. I have been developing softwares for the last 3 years. I know many programming languages and would love to teach you all of them. I create mini-projects for beginners in various languages like C#, JavaScript, CSS3, HTML etc.

If you are beginner and wants to start with some mini projects to learn basics, then just don't be reluctant, Enroll Now!

Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: höher würden wir diese Klasse. Sie werden lernen, wie Sie ein Bild Pop-up mit J equity erstellen können. Dies wird für eine Menge setzen, wenn es auf dieses Bild klicken wird, erhalten Sie dieses Bild Pop-up. Sie können dieses Bild auch schließen Pop-up mit diesem Buchstaben X Hier auf der Seite laden. Sie können dieses Bild auch laden. so aufgewacht. Stellen Sie sicher, dass Sie einige grundlegende Kenntnisse aus der Sicherheit haben, und CIA sagt, wenn Sie nicht haben, können Sie einfach mitverfolgen, weil Skaten solcher Mitch Pop-up ist sehr, sehr einfach. Sehen Sie die Klasse, Wie bleibe ich? 2. jQuery Paket: Hi, Leute. Was ist das Ganze? Laden Sie niemals das Dekret herunter. Legen Sie die Website des Dekrets ein. Müssen Sie auf diesen Button klicken. Wenn du auf diese Last klickst, bekommst du diese Hündin. Und auf dieser Seite müssen Sie dieses Paket auswählen, das für die Produktion bestimmt ist. Wenn Sie auf diesen Link klicken, erhalten Sie diese Hündin Diese Ihre Dekret-Datei, wissen Sie, zu drücken, steuern Sie uns, wenn eine Tastatur, um diese Datei zu speichern, klicken Sie auf Save Britain, um die Datei zu speichern. Wenn Sie mit dem Download fertig sind, erhalten Sie das Dekret Einreichung dieses Dekrets Ordner. Also das ist alles, was Sie brauchen, um das im nächsten Video eingereichte Dekret herunterzuladen. Wir werden mit dem Decodierungsprozess beginnen. Siehst du das nächste Video? Wie Aleister. 3. Überlagerung: Hi, alle. In diesem werden wir mit Aufzeichnungsprozess beginnen Diese einfache Schätzung Struktur im Herzbereich, müssen wir die referenzierte Organisation Abfragedatei tragen, die in dieser Welt ist. Er in de Equity. Kopieren Sie einfach den Namen und machen Sie Gebrauch von Skriptelement hier. Oder Sie können Script zurück sagen. Verwenden Sie aus dem Quellattribut. Und der Ort ist Dekret Ordner die feine schlaff und Punkt Ja, speichern Sie es. Nein, du hast es mir nicht im Radius Holder erzählt. Ich habe schon blaue Bilder bekommen. Machen Sie das Zeit-Deal-Bild. Und das ist das Originalbild. Meteore vor Magellan bringen mit sich. Quelle wird Bilder von get gpt sein. Speichern Sie es. Gehe zum Browser. Du bist ein frisches Hemd und das ist der Ausgang. Nun, in diesem Fall, nach dem, was Sie sein werden Aber ich werde auf dieses Bild klicken. Ich möchte das Randbild mit dem Hintergrund des Hundes zeigen. Gehen wir zur Gerichtsakte, machen Gebrauch von der Entwicklung. Und ich habe nicht dieser Fall wird früh sein. Sagen Sie einfach von diesem Nein in Ihrem Tag Stil schießen, um den Hund Hintergrund gehen, um Datei neue Datei und speichern Sie es als meine gestartet oder CSS no me toe Link diese Datei mit dem Link zurück jetzt Wählen Sie diese Entwicklung, die die Idee aus früh hat. So wird es Hash Bully Hintergrundfarbe wird Hash Menschen Null für den Hund Hintergrund Wie es 100% sein wird, wo es 100% Position wird fixiert werden. Oben wird Null rechts Boobie Zito Bottom wird Null links sein wird Null Sie sehen von diesem? Was ist mit dem Beruf? Schön machen Gebrauch von Kapazität Hill und Thema spitz. Speichern Sie es Nice Good Dessert Index von einem Also werden wir die gut auseinander im nächsten Video Wir werden mit dem Originalbild früher arbeiten Next Rodeo Wie, wenn ich verirre? 4. Großes Bild: Hi, alle. Bisher sind wir mit dem frühen Teil fertig. Dies funktioniert mit dem Originalbild. - Was? Das Gericht Akte gut zur Entwicklung zu. Es wird Bildelement und die Sortierungen werden Bilder Big Dot Deputy sein, Sie die i d aus nur ich m g speichern Sie es. Foto-Browser. Du bist unter Druck gesetzt. Und das ist die Ausgabe. Es ist ziemlich groß. Also müssen wir das in Ordnung bringen. Nun, der Stil Shooting. Wählen Sie das Bildelement aus. Das hier. Also müssen wir zuerst die Idee davon nehmen. Machen Sie und das Bildelement die Höhe aus? Schlechte Überläufer, Wir werden erzählt, 600 Pixel. Speichern Sie dieses Foto näher Refresher. Nein, es ist und Sie so weit da, um Gebrauch aus Tradition Element zu machen und es absolute Stopfel sein 10%, was ich sein werde 10% von, wie, machen es 20 und von links, um es 27 zu machen. Guter Browser. Kein Druck. Dies ist also die Ausgabe des nächsten festen Bildes. Machen Sie sich Marge Eigenschaft und machen es schön. Machen Sie Gebrauch von diesem Index und nackt. Ich sehe es perfekt. Bisher sind wir mit dem echten Bild fertig. Im nächsten Jahr werden sie anfangen, mit dem Duke fertig zu arbeiten, so dass, wenn wir auf dieses Bild klicken, wir dieses Bild mit diesem einzigen Hintergrund erhalten. Sehen Sie im nächsten Video, wie ein nettes tun. 5. jQuery Code: Hi, alle. Diese echte Arbeit mit der Jake Platte, so dass wir auf dieses Bild klicken, wird dieses Bild erhalten. Mit diesem wird ein Hintergrund müssen wir die Eigenschaft hier tragen, die keine angezeigt werden wird. Also anfangs ist das oder Nellie Mitch und der einzige Teil wird versteckt sein. Ciric Guter Browser, um es frisch zu machen. Dies ist also die Ausgabe jetzt in der Wertschätzung und Datei. Nutzen Sie script AG und geben Sie diese, um die Idee abzufräsen. Kommen Sie, nutzen Sie das Dokument. Bereit Funktion. Sag dir einfach dieses Wort. Nimm diese Idee und nutze das Band. Ich weiß das nur nicht. Wir wissen nicht, dass dies auf dem Klick seiner Zeit, Neil, Wir wollen dieses übermäßig und dieses Originalbild zeigen. Und die Idee dafür ist nur, Gebrauch zu machen. Fared in der Funktion und begann Do slow Just balutis. Perfekt. Speichern Sie es. Geh zu Rosa Crusher. Klicken Sie auf das Bild. Das ist also eine heilige Keine Kopien, Herr Schwanz und machen es wirklich ich bin G und das Bildelement, das ist dies so vor allem, offizielle die mit einem Hintergrund als das ursprüngliche Bild. Speichern Sie es. Drücke es. Klicken Sie auf das Bild. Und das ist die Bisher sind wir mit dem Kritischen fertig. Die nächste werden wir versuchen, wo? Es Aber hier drin, um dieses Bild zu verbergen. Sehen Sie sich das nächste Video an. Haben Sie einen schönen Tag. 6. Knopf schließen: Hi, alle. In diesem werden wir es versuchen. Wohin? Der Knopf? Hier, um dieses Bild zu verbergen. Wir brauchen nicht wirklich einen Knopf. Sie können es einfach aus der Entwicklung mit dem Buchstaben X machen, so dass, wenn wir auf diesen Buchstaben klicken , sollte es versteckt werden. Gehen wir zu Gericht Aktenmacher von Development Hill und geben ihm die Idee ab. Schließen Taste und es wird ein Xa später sein. Speichern Sie es. Nein, zum Stil. Schießen. Wählen Sie die Schließung aus. Aber ein I. D. reißt es ab. 30 Pixel. Es sollte weiß sein, die mit den Menschen hinterlassenen Hintergrundfarbe wird dreifach Null sein, die für zwei schwarz ist. Es wird an Bord sein. Speichern Sie es. Gehe zu Boden Zero Refresher. Das ist also ein Burton, oder Sie können sehen, dass unser Text aus extra Zeilenmitte hier verwendet wird. Schön. Machen Sie die Ablagerung absolut. Geben Sie einen Wüstenindex von drei. Klicken Sie nun auf das Bild. Und das ist die Alberta. Sie wollten einige der Hügel dort, um sich Rand links Eigenschaft zu machen und setzen Sie es auf 9 45 Pixel. Speichern Sie es. Wir wollen es sagen. Also müssen wir Gebrauch von Rand oben machen. Machen Sie es 50 Pixel negativ. Machen Sie es 1 70 Machen Sie es 1 68 Ich denke, das wird perfekt sein. Machen Sie es einfach auf 65. Großartig. Also haben wir Overton bekommen, oder Sie können unseren Text sehen , der X Im nächsten Jahr werden sie mit dem jittery Code arbeiten, so dass wenn wir darauf klicken, sollte dieses Bild nicht gehört werden und das nächste Video sehen? Haben Sie einen schönen Tag. 7. jQuery Schließen: Hi. Jeder in der Stadt wird sich zu sehr bemühen. Dieses Bild auf zyklischen diesen Buchstaben X Aber vor allem müssen wir dies auf der Seite verstecken, Herr, müssen wir dies auf der Seite verstecken, Herr, um Gebrauch von Display-Eigenschaft und unterliegen keiner machen. Seht ihr? Was? Was ist mit, äh, gehen Sie frisch. So haben wir nur Zeit wird heilen. Nein, Wechseln Sie zur Indexdatei, oder Sie können die Schätzungsdatei sehen. Und hier, machen Sie sich fließt. Burton. Ich d Essen in Funktion und begann Zehe langsam. Und er hat euch beide. Speichern Sie es. Gehen Sie zum Browser Ihre Flash-Shooting, Klicken Sie auf das Bild und das ist Ihr kleines X. Und das ist das Bild. Nein, kopieren Sie das einfach auf Mr. To the Place. Das mit den Rechnungen, aber ein 90 und starten Sie Fuding Wir könnten Eiche essen. Kopieren Sie das, Mr. Hill und er. Speichern Sie es. Geh nach Gaza, erfrischen Sie es. Klicken Sie auf dieses Bild und klicken Sie auf diesen Buchstaben X. Sie können die Medien verschwunden sehen. Wenn Sie dieses Originalbild auf die Seite laden möchten, können Sie hier verwenden off river Funktion. So wird es Zunge 0.3 die Funktion und sogar Philby sein. Klicken Sie auf. Verdünnen Sie das einfach. Speichern Sie es, gehen Sie nach Gaza, aktualisieren Sie es. Sie können sehen, noch bekommen Bild auf der großen Last. Circulatory Ausgabe Würdig zeigte Bild auf dem Klick eines Thumbnail werden nur Sie bezahlt. Schau, wir sind fertig mit dem Projekt und das ist viel gesagt. Sehen Sie sich das nächste Video an. Haben Sie einen schönen Tag.