--- title: "Elemente: Media" url: "https://karriere.th-nuernberg.de/elemente-media/" date: 2025-02-19 modified: 2025-02-19 lastUpdated: 2025-02-19 --- # Elemente: Media 1. [Karriere](https://karriere.th-nuernberg.de/) 2. [Elemente: Media](https://karriere.th-nuernberg.de/elemente-media/) Auf dieser Seite Bildelemente / Media -------------------- Auf dieser Seite werden die verschiedenen Elemente vom Typ “**Media**” erklärt. Es handelt sich dabei um reine Bildelemente - sprich ohne Text oder sonstige Zusätze. Text & Bild Kombinationen findet ihr auf der Beispielseite “[Elemente: Text & Zitate](https://karriere.th-nuernberg.de/elemente-text-zitate/)”. **Three Media** --------------- 2-4 Bilder können über die **einfachen Media-Elemente** dargestellt werden. Bei mehr Bildern empfiehlt sich die Portfolio Gallerie. [ ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/M8JUmmpgfDaWgVbyHsi07bFTr9EHQwotScMdJlWAZnk/q:85/w:294/h:221/fn:Y3NtX0xlcm5yYXVtXzA0XzcxMzE0ZTJiNzY:t/cb:b40f0634ebf23cd28119c7b917cd468e20eb099a/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvTGVybnJhdW0vTGVybnJhdW1fMDQuanBn "Lernraum") ](https://karriere.th-nuernberg.de/fileadmin/user_upload/Ohm_Medienpool/Bilder/Lernraum/Lernraum_04.jpg) [ ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/qlbXd789-XHeWA-jEkbmlw7draNlcwgSTyRkSy7YzEA/q:85/w:294/h:221/fn:Y3NtX0xlcm5yYXVtXzA1X2Y3NjcxOWJkM2E:t/cb:840163946412024c239ecdcd44824768dca5b130/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvTGVybnJhdW0vTGVybnJhdW1fMDUuanBn "Lernraum") ](https://karriere.th-nuernberg.de/fileadmin/user_upload/Ohm_Medienpool/Bilder/Lernraum/Lernraum_05.jpg) [ ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/I2aj3v3rUent4WzRnUF2Fx3RzpwsaIRSapr5FaGBs2Q/q:85/w:294/h:221/fn:Y3NtX0xlcm5yYXVtXzAxX2E4ZGM2OWEwOWQ:t/cb:0ab3efb9ac20a5a2103e9c5449d685b1b4534f01/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvTGVybnJhdW0vTGVybnJhdW1fMDEuanBn "Lernraum") ](https://karriere.th-nuernberg.de/fileadmin/user_upload/Ohm_Medienpool/Bilder/Lernraum/Lernraum_01.jpg) **Portfolio gallery** --------------------- Element zur **Gallerie-Darstellung mehrerer Bilder** (Empfehlung: Ab +4 Bilder; ansonsten normale 2-4 Media Elemente wählen). Es empfiehlt sich die Portfolio Galerie statt nur dem “Gallery” Element zu nutzen. Hier werden die Bilder passend aufgeteilt. - [ ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/FkPYqZQ_kr6gB3cP18wiFxPJRWPy5-isu1P31rRhobw/q:85/c:4724:2653.9325842697:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX0NoZW1pZS1MYWJvcl8wMV81MGI0OWMwM2Q4:t/cb:ce93d9c6a3edefcb58a1939cc52ef9a6f321ead8/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQ2hlbWllX0xhYm9yL0NoZW1pZS1MYWJvcl8wMS5qcGc "Chemie Labor") ](https://takemoto-kazuhiro.toujou.website/_assets/processed/zEzaFrLgLtc5huE1EtdiHYpbe5vyG1T_tqrds85r6ik/q:85/w:4724/h:3543/fn:Y3NtX0NoZW1pZS1MYWJvcl8wMV9kZTUwYjAyMWVm:t/cb:ce93d9c6a3edefcb58a1939cc52ef9a6f321ead8/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQ2hlbWllX0xhYm9yL0NoZW1pZS1MYWJvcl8wMS5qcGc) - [ ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/uiAAej7HHAFNozopI6Hz2nisCAsgrfbCMeBKsQS8i8Q/q:85/c:4724:2653.9325842697:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX0NoZW1pZS1MYWJvcl8wM181N2QyYzJkODRk:t/cb:2c39e98452af00971e62c45f28c79ece7a4bea52/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQ2hlbWllX0xhYm9yL0NoZW1pZS1MYWJvcl8wMy5qcGc "Chemie Labor") ](https://takemoto-kazuhiro.toujou.website/_assets/processed/pkt7ISNa7Bib2LIU-q3k-lZab7KMumzKdYlkDwx5dyo/q:85/w:4724/h:3543/fn:Y3NtX0NoZW1pZS1MYWJvcl8wM18zNjMyMTQwMmU2:t/cb:2c39e98452af00971e62c45f28c79ece7a4bea52/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQ2hlbWllX0xhYm9yL0NoZW1pZS1MYWJvcl8wMy5qcGc) - [ ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/DjVAkiaznyh9b_Iepd1SD9iifEcPXWpmGFpZt_kFQHg/q:85/c:3543:3543:fp:0.5:0.5/rt:force/w:356/h:356/fn:Y3NtX0NoZW1pZS1MYWJvcl8wNl9lYWQwZTc1NGQ4:t/cb:1aa48ee4cba35cab4619c2230c463ac205b6e49a/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQ2hlbWllX0xhYm9yL0NoZW1pZS1MYWJvcl8wNi5qcGc "Chemie Labor") ](https://takemoto-kazuhiro.toujou.website/_assets/processed/L1L6Xxv1g9XfVt3cmEyo29OHDgx5zk3sCrYddY6rhUo/q:85/w:4724/h:3543/fn:Y3NtX0NoZW1pZS1MYWJvcl8wNl8yMzQyMDYxZDI0:t/cb:1aa48ee4cba35cab4619c2230c463ac205b6e49a/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQ2hlbWllX0xhYm9yL0NoZW1pZS1MYWJvcl8wNi5qcGc) - [ ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/OWvoycW9q9NSEjo7M6Wps6RJVBM4_YS5tV6DxP3o3RA/q:85/c:3543:3543:fp:0.5:0.5/rt:force/w:356/h:356/fn:Y3NtX0NoZW1pZS1MYWJvcl8wOF84MTBkNThlNmE1:t/cb:572bbfa26a0eb299c8ac2c37c9c872a2b8c1cd44/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQ2hlbWllX0xhYm9yL0NoZW1pZS1MYWJvcl8wOC5qcGc "Chemie Labor") ](https://takemoto-kazuhiro.toujou.website/_assets/processed/uW8IDR3sQt48WIipU8C-Ixs2MCuOPw5CslU2io_rHF8/q:85/w:4724/h:3543/fn:Y3NtX0NoZW1pZS1MYWJvcl8wOF85MGE2ZjJiNmVj:t/cb:572bbfa26a0eb299c8ac2c37c9c872a2b8c1cd44/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQ2hlbWllX0xhYm9yL0NoZW1pZS1MYWJvcl8wOC5qcGc) of Alle Medien anzeigen **Slider** ---------- Element zur **Slider-Darstellung mehrerer Bilder** (es ist zu beachten, je weiter “hinten” das Bild in der Reihenfolge ist desto unwahrscheinlicher wird es gesehen). Das Slider-Element kann so eingestellt werden, dass die Bilder automatisch gewechselt werden, oder vom User aktiv “durchgeklickt” werden müssen. - ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/4MRIKt1bIAM-0qOwpyoVDg5l5yAP9B6isP6l8Xq90PA/q:85/c:4724:2653.9325842697:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX0JpYmxpb3RoZWtfMDFfZDA3NTE2OGIyMA:t/cb:fb209312bd1d0744c29ba97836ffb0784ef87ed3/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQmlibGlvdGhlay9CaWJsaW90aGVrXzAxLmpwZw "Bibliothek") - ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/Ls32mFIvOYhDX7a99ZZLF1IspWmm6g5RDUL7MPxpX-M/q:85/c:4724:2653.9325842697:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX0JpYmxpb3RoZWtfMDJfY2NlOTdlYjUwNg:t/cb:482ca6986cb3a27f325e343b05787376e053201e/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQmlibGlvdGhlay9CaWJsaW90aGVrXzAyLmpwZw "Bibliothek") - ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/nBJh_8aPNCsNf8vh7oFIuvFhJ3dx6BHo2lzOQN7Y_3o/q:85/c:4724:2653.9325842697:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX0JpYmxpb3RoZWtfMDNfZjU4YTcyOTcyOQ:t/cb:0a7297ef7c669ebdb289b41f46eeea8fc56b0a81/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQmlibGlvdGhlay9CaWJsaW90aGVrXzAzLmpwZw "Bibliothek") von **Logo-Slider** --------------- Element zur **Slider-Darstellung von Logos** (oder z.B. Siegeln). Default-mäßig passen 5 Logos nebeneinander in den Slider (skalierung erfolgt automatisch). Das Slider-Element kann so eingestellt werden, dass die Logos (ab +5 Logos) automatisch gewechselt werden, oder vom User aktiv “durchgeklickt” werden müssen. - ![Ohm Logo als Favicon](https://takemoto-kazuhiro.toujou.website/_assets/processed/Fyq2J5mDc1KKxKo8qW-4ftDM6gs2wxZM_w5ZRd1aOyc/q:85/w:176/h:176/fn:Y3NtX2Zhdmljb25fZGQ0ZWJjMDRkMw:t/cb:51d50dc8c9b0b594da3bfdf51d2a3fed62514b0f/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9PaG1fTG9nb3MvZmF2aWNvbi5wbmc "Ohm Favicon") - ![Ohm Logo](https://takemoto-kazuhiro.toujou.website/_assets/processed/QbMqaTtlvcDj7_nHzD-7fQkU3Wm4FwlGGB_ZjIcZpdg/q:85/w:119/h:43/fn:Y3NtX2xvZ29fc21hbGwtcmV0aW5hXzBkYTYyNDYzOWI:t/cb:71ba9053252fcc0037b0d3716b4ff8d031860fbe/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9PaG1fTG9nb3MvbG9nb19zbWFsbC1yZXRpbmEucG5n "Ohm Logo") - ![Ohm Logo](https://takemoto-kazuhiro.toujou.website/_assets/processed/kveps7Le5Yt0EubjQfx_evJjQDKe6wHrBCgGcvAHWDE/q:85/w:176/h:43/fn:Y3NtX2xvZ28tcmV0aW5hXzViNjFlMTA1OTM:t/cb:97eeed9e31eaa26aaeb4a02242ea0be508d7f0d8/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9PaG1fTG9nb3MvbG9nby1yZXRpbmEucG5n "Ohm Logo") - ![Ohm Logo](https://takemoto-kazuhiro.toujou.website/_assets/processed/QbMqaTtlvcDj7_nHzD-7fQkU3Wm4FwlGGB_ZjIcZpdg/q:85/w:119/h:43/fn:Y3NtX2xvZ29fc21hbGwtcmV0aW5hXzBkYTYyNDYzOWI:t/cb:71ba9053252fcc0037b0d3716b4ff8d031860fbe/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9PaG1fTG9nb3MvbG9nb19zbWFsbC1yZXRpbmEucG5n "Ohm Logo") - ![Ohm Logo](https://takemoto-kazuhiro.toujou.website/_assets/processed/kveps7Le5Yt0EubjQfx_evJjQDKe6wHrBCgGcvAHWDE/q:85/w:176/h:43/fn:Y3NtX2xvZ28tcmV0aW5hXzViNjFlMTA1OTM:t/cb:97eeed9e31eaa26aaeb4a02242ea0be508d7f0d8/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9PaG1fTG9nb3MvbG9nby1yZXRpbmEucG5n "Ohm Logo") - ![Ohm Logo als Favicon](https://takemoto-kazuhiro.toujou.website/_assets/processed/Fyq2J5mDc1KKxKo8qW-4ftDM6gs2wxZM_w5ZRd1aOyc/q:85/w:176/h:176/fn:Y3NtX2Zhdmljb25fZGQ0ZWJjMDRkMw:t/cb:51d50dc8c9b0b594da3bfdf51d2a3fed62514b0f/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9PaG1fTG9nb3MvZmF2aWNvbi5wbmc "Ohm Favicon") - ![Ohm Logo](https://takemoto-kazuhiro.toujou.website/_assets/processed/QbMqaTtlvcDj7_nHzD-7fQkU3Wm4FwlGGB_ZjIcZpdg/q:85/w:119/h:43/fn:Y3NtX2xvZ29fc21hbGwtcmV0aW5hXzBkYTYyNDYzOWI:t/cb:71ba9053252fcc0037b0d3716b4ff8d031860fbe/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9PaG1fTG9nb3MvbG9nb19zbWFsbC1yZXRpbmEucG5n "Ohm Logo") von