Bilder, die sich bei Klick vergrößern

[Mux]

Hallo,
ich bin am verzweifeln an dieser scheinbar einfachen Sache:
Ich möchte in einen TExt eine ganze Zeile (über die ganze Breite der Inhaltsbox) direkt aneinander liegender (ohne Freiraum dazwischen) Bilder einfügen, die beim anklicken jeweils vergrößert werden. So wie es bei den Imagemodulen Brax Highslide oder Fancybrax gemacht wird. Allerdings möchte ich eben keine Bidler-Titel oder -Beschreibungen angezeigt bekommen, sondern nur die Bilder.Aber ich krieg's nicht hin, mit keinem der existierenden Module. Bei den beiden erwähnten Modulen müsste ich als erstes den Title-Tag aus den Optionen löschen, damit der Ttitel nicht angezeigt wird. Das klappt nicht, weil es bei jedem Versuch etwas an den Optionen zu ändern eine Fehlermeldung gibt, irgendein mysql-Error bzgl eines falsch gesetzten Kommas. Außerdem müsste ich glaub ich die Tabellen aus den Optionen rausschmeißen, damit die Bidler nebeneinander kommen. Aber ich weiß nicht was ich da alles löschen muss. Außerdem erscheinen mir die Galerien zu überfrachtet für mein Anliegen, da ich keine Galerien anzeigen will sondern nur ein paar einzelne Bilder. Kann man diesen highslide-Effekt oder wie der heißt vielleicht auch einfacher hinbekommen, mit einem code-Schnippsel? oder gibt es noch ein anderes Image-Modul, mit dem ich das machen kann?

Grüße,
Mux

[maverik]

alles kein ding 

lies mal hier http://www.websitebaker.net/pages/topics/die-colorbox-als-modul-snippet.php

du machst dir deine thumbs und deine großen bilder fertig und packst sie auf dem server in einen ordner.

du fügst die thumbs alle in einer reihe ein.

du verlinkst die thumbs mit den großen bildern und setzt dabei die entsprechende class.

mit der entsprechenden class oder relation kannst du jedes bild einzeln öffnen, eine slideshow laufen lassen oder alle bilder durch klickern ohne slideshow

das wars

[Mux]

Yo, das hatte ich auch gerade entdeckt. Super, habe schon alles eingebunden, jetzt noch groß und klein machen und hoffen, dass es läuft!

Danke,
Mux

[Mux]

hm, zu früh gefreut 
Erstens werden zwischen den einzelnen Thumbs kleine Abstände erzeugt und ich weiß nicht warum.
Zweitens kann man beim click auf den Thumb ganz kurz einen leeren colorbox-Rahmen sehen, dann wird aber klassisch eine neue Seite mit dem großen Bild geöffnet...die Klasse colorbox ist in jedem Bild unter erweitert gesetzt...

Mux

[maverik]

ein link würde helfen zu helfen

der fck ist noch ein bischen buggy, du darfst die class nicht unter erweitert setzen. erst nur bild einfügen, mehr nicht angeben in dem fenster, dann über das kettenglied den link und die class setzen.

wenn die colorbox nur wirre rahmen anzeigt liegt irgendwo eine falsche reihenfolge der scripte vor

[Mux]

Hallo Maverik,
danke für die Blitzantwort, das war das Problem, wie soll man denn darauf kommen, dass man so den link und die Klasse setzen muss....
Aber ich krieg die Bilder nicht nebeneinander, ich versuch mal alle zusammen in eine Extra-class zu packen und dort alle Abstände auf null zu setzen.
Link kann ich leider nicht posten, weil die Seite noch nicht öffentlich sein darf...

Thanx!
Mux

[Mux]

Nee, ich krieg's nicht hin mit dem Nullabstand... ich habe mit dem Webdesignplugin von FF gesehen, dass eine Klasse namens cboxElement für den Abstand oben  unten und rechts verantwortlich ist. Aber in der colorbox.css taicht diese Klasse überhaupt nicht auf.

Mux

[maverik]

die colorbox css hat mit den thumbs nix am hut, die ist nur für das große bild und die box verantwortlich.

erste aufgabe

thumbs darstellen und einreihen

zweite aufgabe

verlinken mit class colorbox

ist doch überhaupt kein thema das sich die thumbs aneinander kleben, einfach immer bild einfügen, bild einfügen usw. usw.

http://www.websitebaker.net/pages/thumbs.php


kannst mir gerne wegen der nicht öffentlichkeit nen link per pm schicken

[Mux]

Im Editor klebt ja alles wunderbar, aber in der Darstellung gibt's einen Abstand oben, unten und rechts. Hat definitiv nichts mit dem Editor zu tun, da ist alles korrekt.
Ich schick dir ne pm...

Mux

[dbs]

ohne link ist immer schwierig...
es gibt auch die möglichkeit, dass dein template jedem bild automatisch einen abstand gibt.
findest du dazu was in deiner template.css?

dbs

[maverik]

da isser ja unser franky 

wäre auch meine vermutung / frage gewesen

[maverik]

also dein head ist ganz schön wild und du hast die colorbox von hand eingebunden und nicht mein modul benutzt , nun ja, soll ja auch so gehen wäre halt mit meinem modul einfacher gewesen

screen.php zeile 136 ist dafür verantworlich das deine bilder diesen abstand haben

Code:

#content img {
float:left;
margin:10px 10px 10px 0;
max-width:200px;
}

[iradj]

Hi Maverik,

ich glaube ich stehe auf Schlauch. Wo gebe ich "relation" ein? Ich schafe nicht aus par Bilder eine Galerie zu machen.

VG Iradj

[dbs]

[off] maverick, dein head ist auch ganz schön wild UND böhse   [/off]

immer schön, wenn die glaskugel funktioniert. wär doch nur alles so einfach.

dbs

[maverik]

[off] maverick, dein head ist auch ganz schön wild UND böhse  grin [/off]

und ich hab da doch schon so schöööööön aufgeräumt

Wo gebe ich "relation" ein?

setze einfach eine class beim link, gehe in den quelltext und tausche das wort class gegen rel aus

[iradj]

Jetzt funktioniert.

Danke Iradj

[Mux]

oh man, stimmt ich wollte alle Bilder im Inhaltsbereich links anordnen und in die anderen drei Richtungen einen margin verpassen, das kommt sich nun in die Quere...gibt es eine Möglichkeit, den margin im Elternelement so zu lassen und für die colorbox trotzdem den margin auf 0 zu setzen? wohl eher nicht was?

und ja, ich hatte gar nicht gesehen, dass es die colorbox auch als Modul gibt....lohnt es sich der Übersicht halber das Modul noch zu installieren?

Danke!
Mux

[maverik]

mit dem modul hast den vorteil das du nicht soviel code im head hast und das colorbox.js nur auf den seiten geladen wird wo es auch gebraucht wird. dazu müsstes aber wieder alles aus dem head schmeißen weil sonst doppelt, klar.

du könntest

.colorbox img {

margin:0;
}

sowas in der art versuchen. musst halt mal nen bisken testen

[Mux]

ja, so ging's zwar nicht, aber ich hab's jetzt.
Nun habe ich aber versucht, dein Modul zu verwenden, da kapier ich irgendwas nicht. Muss ich das Modul irgendwie einbinden in die Seite od3er wie mache ich das? Das Modul ist installiert, aber die colorbox funktioniert nicht mehr...

Mux

[Mux]

erledigt, war'n syntax error...
so long...

Mux

[maverik]

es geht doch

[Mux]

ich muss nochmal einhaken, mein Urteil war zu schnell. Das Modul funktioniert mit Firefox, Opera und Safari, alle IE's (6,7,8), Chrome und auch der iphone-Browser machen das nicht mit, sondern öffnen nur ein neues Fenster...

Mux

[maverik]

sorry kann ich leider nicht reproduzieren, deine seite läuft hier im chrome, ie8, ie8 kompatibilitätsmodus und im lunascape mit trident engine einwandfrei, die colorbox arbeitet wie gewünscht

blockiert bei dir vielleicht etwas das javascript?

[Mux]

ich hatte den ganzen Krams gleich wieder in die index.php kopiert, deshalb läuft's bei dir. Auf die Art läuft die colorbox auch bei mir in allen Browsern einwandfrei. Deshalb kann's auch nicht am ausgeschalteten Javascript liegen. Hast du das bei deinen Seiten mal mit den erwähnten Browsern getestet?

[maverik]

null problemo, von hier aus, was sagen deine browser zu meiner seite?