Bild-Popup-box mit jquery

Habe ich eine dropdown-Menü, das hält verschiedenen Städten. Jetzt möchte ich in der Lage sein, eine Stadt auswählen und ein Bild von der Stadt, erscheint es in einem pop-up-box. Ich habe eine website, die hält ein Bild von jeder Stadt und urls, die sich nur geringfügig voneinander unterscheiden. Weiß jemand, wie man die Funktion mit jquery?
Vielen Dank im Voraus für jede Antwort 🙂

  • Was haben Sie bisher getan? Haben Sie versucht, dies zu erreichen in irgendeiner Weise?
  • Ich habe noch nie verwendet jquery bevor also ich weiß wirklich nicht, wie es zu tun. Erstellt habe ich ein ajax-request geladen, cityinformation aus einer json-Datei in mein dropdown-Menü. Jetzt muss ich eine Funktion schreiben, die aufgerufen wird, wenn die ajax Anfrage erfolgreich war, die mich können klicken Sie auf eine Stadt, öffnet ein pop-up-box und lädt ein Bild von einer website. Aber ich weiß wirklich nicht, die syntax für die.
InformationsquelleAutor Sina Schmidt | 2013-09-06
  1. 0

    können Sie erstellen ein verstecktes div, das würde pop-up, wenn Sie klicken Sie auf die Stadt.

    etwas entlang diesen Linien:

    <div class="imgHolder">
    <img src="">
</div>

    klicken Sie auf Stadt machen würde, popup zeigen:

    $('.city').click(function(){

    $('.imgHolder').children("img").attr("src", var_image_path)
    $('.imgHolder').show();

});

    etwas wie dieses: http://jsfiddle.net/EMLH3/

    habe ich Links das styling Teil von Euch, aber die Grundlagen sind in der Geige.

    • Wow genial!!! Gibt es eine Möglichkeit, dass ich eine variable in der url der Bilder? Wie "htp://citiesoftheworld/" +Städtename+ ".png" ich bin mir laden alle Bilder von der gleichen website und einfach zu wechseln um die citynames.
    • Nun müssen Sie die Verknüpfung der Auswahl mit Bildern und ich denke, dass die Lösung, die ich zur Verfügung gestellt ist die am einfachsten ändern das ganze src-Pfad zu dem Bild. Ich würde sehen müssen, der eigentliche code (html) für (möglich) einfachere Lösung.
    InformationsquelleAutor David Pucko
Schreibe einen Kommentar