Bild als Link

  • Hallo,


    ich habe eine kleines Problem. Ich habe auf meiner Internetseite eine Auflistung von Dingen die verkauft werden sollen. Ich möchte diese aber als Bild darstellen mit dem Namen der unten drunter steht. Und sobald man auf das Bild klickt kann meine Beschreibung dazu finden. Kann mir da jemand helfen???? Und welcher Daten muss das Bild sein, das wäre auch noch Interessant.


    lg, Kristin1701

  • Ich möchte diese aber als Bild darstellen mit dem Namen der unten drunter steht. Und sobald man auf das Bild klickt kann meine Beschreibung dazu finden.


    Und welcher Daten muss das Bild sein, das wäre auch noch Interessant.


    Warum so wenige Details ?

    Mit welchem Editor (JCE, TinyMCE oder ??? ) arbeitest du ?
    Soll nach dem klick auf das Bild ein Popup mit Details erscheinen oder soll der Link zu einem Beitrag mit den Details führen ?


    Wie wärs denn im Backend unter Inhalt -> Medien und dort in einem neuen Verzeichnis(Unterordner) das Bild bzw. die Bilder hochladen(speichern) bzw.alternativ per ftp im Ordner images in einen Unterordner die Bilder speichern.




    Forenregeln

    • Hilfreich

    Als erstes benötigst du die Bilder von den Produkten die du darstellen möchtest.
    Sinn macht es sie auf eine Bestimmte Größe zu skalieren. Dieses ist in Photoshop und Gimp möglich.
    Bilder bearbeiten und in einem Ordner ablegen. Diesen Ordner per FTP auf den Server laden.
    Alternativ kann auch direkt über das Backend hochgeladen werden von wo aus du deine Seite bearbeitest.
    Die Einbindung im Content:

    Code
    <img class="Eine Klasse für die Gestaltung" src="images/content/02.jpg" alt="Ein Text für die Suchmaschine" width="280" height="187" />


    mit den Angaben width und height kann der Browser falls das Bild nicht so schnell geladen wird den Platz reservieren. Für die Pervormance :) .
    mit einem:

    Code
    <p> kannst du das Bild beschreiben</p>


    Eine Bildnavigation bekommst du wenn du über das Bild ein a href legst

    Code
    <a href="http://www.deine-domain.de/zum-produkt"><img src="images/content/03.jpg" alt="lecker-Produkt" /></a>
    <p> kannst du das Bild beschreiben</p>
  • Vielen Dank fuer eure Antworten!!!! Zu der ersten Antwort. Ich habe leider die Seite nicht erstellt und daher weiss ich noch nicht welcher Editor das ist. Ich möchte das wenn man auf das Bild klickt sich ein neues Fenster mit Details und weiteren Bilder öffnet. Sorry wenn es in meiner ersten Beschreibung nicht deutlich genug war.

  • Zitat

    Ich möchte das wenn man auf das Bild klickt sich ein neues Fenster mit Details und weiteren Bilder öffnet.


    Mein Tipp wäre, dass du dir mal die Module und Plugins im JED anschaust, die Lightboxes beherrschen. U.a. mit aixeena kann man einiges anstellen.

  • Ich würde das per css lösen mit einzelnen modulen. Damit man die Übersicht behält. Ist jetzt mal so spontan ausgedacht.


    N Modul mit eigenem Inhalt. Da rein einen schönen div container wo der Text mit Hintergrundbild reingepackt wird, und das Bild selber in ein 2. div. Der Rest ist CSS.

  • Ist schon klar, kann jeder und ist fast so einfach wie Kuchen backen. ;)


    Bitte nicht falsch verstehen, aber nur so würde es vernünftig umzusetzen sein: Die Beispiel-Seite sieht nun aber nach weit mehr aus. Es bedarf in Joomla dazu einzelner Artikel und einer CCK. Die CCK fieldsattach reicht für diesen Fall aus. Das ganze wird mit CSS gestylt und die Felder im Template Override richtig ausgegeben. Für die Ausgabe der Übersicht würde man die Kategorie-Blog-Ausgabe von Joomla verwenden. Die Text-Overlays über den Bildern müsste man entweder selbst mit jQuery oder CSS konstruieren oder man verwendet dazu ein Plugin, das zum Beispiel die Text-Information aus dem ALT-Attribut des Bildes bezieht.


    Herangehensweise:


    Am besten setzt du dein Vorhaben schrittweise als Kategorie-Blog um, alles andere kann dann später folgen.

  • ich habe eine kleines Problem. Ich habe auf meiner Internetseite eine Auflistung von Dingen die verkauft werden sollen. Ich möchte diese aber als Bild darstellen mit dem Namen der unten drunter steht. Und sobald man auf das Bild klickt kann meine Beschreibung dazu finden. Kann mir da jemand helfen????

    Wenn du keine Shop-Erweiterung verwenden willst, dann würde ich mir z.B. das hier mal ansehen.


    OT

    Ist schon klar, kann jeder und ist fast so einfach wie Kuchen backen. ;)

    Du hast noch nie einen von mir gebackenen Kuchen probiert :D

  • Und was fast unter gegangen wäre (Marek hat es schon beiläufig erwähnt):

    Zitat von Marek

    Sinn macht es sie auf eine bestimmte Größe zu skalieren.


    Größe = Ausgabe-Auflösung in px und Druckauflösung in dpi
    Warum? -> gerade bei vielen Bildern, welche nicht weboptimiert als zu große Dateien vorliegen, kann die Performance der Seite (insbesondere die Ladezeit) sehr in die Knie zwingen. Kurz => die Seite braucht ewig zum Laden für ein paar Produktbildchen. In einer Gegend mit schlechtem Empfang (Stichwort: Smartphone/ Tablet-PC) mehr als nervig.
    Bei vielen Produktbildern kann es sinnvoll sein diese in einem Rutsch (in einer Batch) auf die gleiche Größe zu skallieren. Sehr hilfreiche kostenfreie Tools für den lokalen Rechner sind RIOT (Radical Image Optimizer Tool für Windows-PC) oder XnConvert (für Mac OS X und Win-PC).


    Grüße vom Windoofer0815

    Erst wenn man weiß wieviel man weiß, weiß man, dass man nichts weiß - weißt Du!?

  • Wenn du keine Shop-Erweiterung verwenden willst


    Du hast noch nie einen von mir gebackenen Kuchen probiert :D


    Stimmt, mit Shops kann man natürlich auch viel in dieser Richtung erreichen, aber die Konfiguration kann einen dann auch erschlagen, Stichwort Virtuemart.


    Kuchen backen ist doch einfach, einfach die Backmischung ... ne, hört sich lecker an. Ich kann es jedenfalls nicht backen. ;)


    OT: Ufz Erlösung, endlich endlich habe ich den bösen FF-Maleware-Bug besiegt, der mir viel Zeit in der letzten Woche geraubt hat. Kaum zu glauben, wir haben eine Konferenzsoftware für einen namenhaften SEO-Dienst installiert und schwupps, liefen unsere Joomla-Seiten nicht mehr und eierten sekundenlang hinterher und ich suchte und suchte. Also, lasst euch nicht von der SEO-Mafia verarschen und installiert keine Installer auf dem Mac.