Welcome, Guest. Please login or register.
Did you miss your activation email?
May 26, 2012, 03:55:02 AM

Login with username, password and session length
Search:     Advanced search
Interested in joining the WebsiteBaker team?
For more Information read here or on our new website.
155533 Posts in 21713 Topics by 7739 Members
Latest Member: audillino
* Home Help Search Login Register
Pages: [1]   Go Down
Print
Author Topic: Habe ein Problem wb 2.8.1 mit Lightbox  (Read 1049 times)
chrisho

Offline Offline

Posts: 7
« on: February 11, 2010, 12:46:46 PM »
Hallo,
ich habe da ein Problem. Habe WB 2.8 auf 2.8.1 erfolgreich upgedatet.
Mein Problem ist nun folgendes, wenn ich ein Bild mit lightshow anzeigen möchte, dann öffnet er nur das Bild im Browser aber nicht in lightbox. Arbeite mit dem FCK-Editor und gebe auch Relationtyp und URL ein.
Wo liegt der Fehler?

Danke schonmal

Gruß
Christian
Logged
maverik

Offline Offline

Posts: 1568



WWW
« Reply #1 on: February 11, 2010, 01:07:59 PM »
wahrscheinlich hast du  jquery und die lightbox nicht in den head integriert so das es nicht geladen wird.

link?
template?
Logged
Signatur wird geladen...
chrisho

Offline Offline

Posts: 7
« Reply #2 on: February 11, 2010, 01:45:31 PM »
Danke ersteinmal für die schnelle Antwort maverik .

Im head steht folgende:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'utf-8'; }?>" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="3600" />
<meta name="revisit-after" content="2 days" />
<meta name="robots" content="index,follow" />
<meta name="author" content="your name here" />
<meta name="distribution" content="global" />
<meta name="description" content="<?php page_description(); ?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="<?php echo TEMPLATE_DIR; ?>/screen.css" />
<title><?php page_title(); ?></title>
<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/general.js"></script> <!-- Used for menu -->
<script type="text/javascript" src="<?php echo WB_URL; ?>/include/jquery/jquery-min.js"></script>
<?php
if (function_exists('register_frontend_m odfiles')) {
        register_frontend_m odfiles('css');
        register_frontend_m odfiles('jquery');
        register_frontend_m odfiles('js');
} ?>

</head>

was fehlt denn hier noch? und kannst du mir vieleicht mal ein Beispiel zeigen wei es richtig iaussehen muss?

Danke
Christian
Logged
mr-fan

Offline Offline

Posts: 1556


WWW
« Reply #3 on: February 11, 2010, 01:52:13 PM »
Tja, jquery ist halt so eine baustelle... wink

der /includes/jquery/plugins ordner ist in der 2.8er drin mit ein paar "standard" plugins wie die lightbox bzw. slimbox2....

in der 2.8.1 ist er nicht mehr drin, was einerseits auch sinn macht, da sich das jeder selber zusammenstellen sollte...anderersei ts....ist es halt wieder eine umstellung.

die vorher verwendete "lightbox" variante gibt es hier:
http://www.digitalia.be/software/slimbox2

wie du dir diese dann mit insert und jquery_frontend.js. ....irgendwie in head lädst dass erklärt dir Maverik am besten, denn der ist damit fit - und solange es noch keine offizielle hilfe dazu gibt eine der wenigen anlaufstellen dazu -

mfg martin
Logged
 
maverik

Offline Offline

Posts: 1568



WWW
« Reply #4 on: February 12, 2010, 02:42:43 AM »
also da ist mindestens das schon mal zuviel im head

Code:
<script type="text/javascript" src="<?php echo WB_URL; ?>/include/jquery/jquery-min.js"></script>

und nun kommt der maverik wieder mit seiner colorbox um die ecke.  grin grin

also wenn du es richtig einfach haben willst guggst du

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

damit hast du eine all in one lösung die dir gloabl im system zur verfügung steht und dir nahezu alles öffnet was du möchtest
Logged
Signatur wird geladen...
chrisho

Offline Offline

Posts: 7
« Reply #5 on: February 12, 2010, 03:14:49 PM »
Hallo maverik,

danke für die Hilfe, habe alles so gemacht wie es auf den Seiten beschrieben ist.
wenn ich dann auf das Bild klicke öffnent sich kurz die Colorbox und das Bild wird wider gross im Browser
angeszeigt. http://www.hed-net.com/demo/wb2_8/

habe ich da etwas übersehen?

<link rel="stylesheet" type="text/css" media="screen,projection,print" href="<?php echo TEMPLATE_DIR; ?>/screen.css" />
<link rel="stylesheet" type="text/css" href="<?php echo WB_URL; ?>/include/jquery/plugins/jquery-ui.css" media="screen,projection" />


<script language="JavaScript" type="text/javascript">
//<![CDATA[
var URL = '<?php print WB_URL ?>';
var WB_URL = '<?php print WB_URL ?>';
var TEMPLATE_DIR = '<?php print TEMPLATE_DIR ?>';
//]]>
</script>
<script type="text/javascript" src="<?php echo WB_URL;?>/include/jquery/jquery-min.js"></script>
<script type="text/javascript" src="<?php echo WB_URL;?>/include/jquery/jquery-ui-min.js"></script>
<script type="text/javascript" src="<?php echo WB_URL;?>/include/jquery/jquery-insert.js"></script>

<link rel="stylesheet" type="text/css" href="<?php echo WB_URL; ?>/include/jquery/plugins/colorbox/colorbox.css" media="screen,projection" />
<script type="text/javascript" src="<?php echo WB_URL;?>/include/jquery/plugins/colorbox/jquery.colorbox-min.js"></script>
<!-- Beginn ColorBox -->
<script type="text/javascript">
$(document).ready(function(){
            $("a[rel='csingle']").colorbox();
            $("a[rel='cfade']").colorbox({transition:"fade"});
            $("a[rel='cslide']").colorbox({
                                                     slideshow:true,
                                                     SlideshowSpeed:6000,
                                                     slideshowAuto:true,
                                                     transition:"elastic",
                                                     opacity: "0.6",
                                                     current: "Bild {current} von {total}",
                                                     slideshowStart: "Diashow starten",
                                                     slideshowStop: "Diashow anhalten"});
            $(".colorbox").colorbox();
            $(".youtube").colorbox({iframe:true, width:650, height:550});
            $(".iframe").colorbox({width:"80%", height:"80%", iframe:true});
            });
</script>
<!-- Ende ColorBox -->

Gruß
Christian
Logged
chrisho

Offline Offline

Posts: 7
« Reply #6 on: February 12, 2010, 03:23:57 PM »
ups im IE 8 funktioniert es im Firefox nicht
Logged
dbs
WebsiteBaker Org e.V.

Offline Offline

Posts: 3719


WWW
« Reply #7 on: February 12, 2010, 03:32:31 PM »
der link führt zu einem modul colorbox auf maveriks seite.
du hast es aber anders gemacht, hm?
Logged
maverik

Offline Offline

Posts: 1568



WWW
« Reply #8 on: February 12, 2010, 03:36:49 PM »
danke dbs, wollte ich grade schreiben...bitte, bitte, bitte lest ordentlich was man schreibt, folgt den links die man euch postet und arbeitet sie in ruhe ab.
ich weiß nicht wie ich es sonst noch einfacher erklären soll.

ok, ihr könnt mir auch nen taxi schicken was mich abholt, dann erledige ich es für euch vor ort  grin grin
Logged
Signatur wird geladen...
AR1306

Offline Offline

Posts: 536
« Reply #9 on: February 12, 2010, 03:49:52 PM »
Hi maverik,

mal eine kleine Frage bezüglich der Skriptintegration. Sollte es nicht Standard sein, dass erst die Quelle und dann der Typ im Skriptaufruf eingetragen sein sollte? Das war doch das Problem beim Droplet EmailFilter

also nicht so:
<script type="text/javascript" src="<?php echo WB_URL;?>/include/jquery/jquery-insert.js"></script>
sondern so:
<script src="<?php echo WB_URL;?>/include/jquery/jquery-insert.js" type="text/javascript" ></script>

Hatte nur irgendwo gehört, dass das so kommen soll, um Probleme zu vermeiden  wink

Bis denne

Andreas
Logged
maverik

Offline Offline

Posts: 1568



WWW
« Reply #10 on: February 12, 2010, 03:54:47 PM »
ja da hast du recht und danke für den hinweis, das muss ich dann im tut für 2.8.0 ändern. allerdings ist das tut sowieso überflüssig da es ab der 2.8.1 ja viel einfacher geworden ist.

es braucht nur noch das im head, was ich aber auf der colorbox modulseite auch so erklärt habe

Code:
<?php
if (function_exists('register_frontend_modfiles')) {
        register_frontend_modfiles('css');
        register_frontend_modfiles('jquery');
        register_frontend_modfiles('js');
} ?>

wer dann noch mein modul installiert braucht nur noch die class richtig setzen beim verlinken der bilder und hat mit nichts was am hut....einfacher gehts doch nun wirklich nicht   cry
« Last Edit: February 12, 2010, 03:57:04 PM by maverik » Logged
Signatur wird geladen...
AR1306

Offline Offline

Posts: 536
« Reply #11 on: February 12, 2010, 04:08:08 PM »
 grin hast recht ... sorry, habe das Tut natürlich nicht gelesen, hätte sich meine Frage dann wohl auch erübrigt. Ich fand´s für mich nur wichtig, nicht das man immer wieder konfus durch die Gegend zieht  wink Und die 3 oben aufgeführten PHP-Zeilen sollten eigentlich auch Standard in jeder WB-Installation werden. Will noch 1 bis 2 Wochen warten und dann ein Upgrade meiner 2.7 er Installationen machen, dann kommt die große JQuery-Stunde  grin

Dietmar hat letztens etwas über ein noconflict.js geschrieben, war bzw. ist die irgendwo bei Jemandem im Gebrauch? Habe noch eine Menge mit Highslide umgesetzt ... und vor einer Umstellung graut es mir, da der Teufel bekannterweise im Detail liegt ...  evil

Übrigens der Tipp mit dem UI ThemeRoller war Spitze - ist zwar etwas Träge, aber Anpassungen der ui.css funktionieren einfach und perfekt. Wird übrigens auch im aktuellen 03/10 Internet Magazin aufgegriffen - Tabs mit JQuery ...

Andreas
« Last Edit: February 12, 2010, 04:11:38 PM by AR1306 » Logged
chrisho

Offline Offline

Posts: 7
« Reply #12 on: February 12, 2010, 04:30:14 PM »
ok habe es verstanden bin wohl einwenig von der Rolle zur Zeit.
Schönen Dank für die Hilfe

Gruß
Christian
Logged
chrisho

Offline Offline

Posts: 7
« Reply #13 on: February 13, 2010, 06:27:47 PM »
Ich habe wb 2.8.1 neu Installiert danach habe ich im Template den Code von maverik eingefühgt
<?php
if (function_exists('register_frontend_m odfiles')) {
        register_frontend_m odfiles('css');
        register_frontend_m odfiles('jquery');
        register_frontend_m odfiles('js');
} ?>

Anschließend habe ich über das Backend Modul colorboxv05.zip installiert. Dann über FCK-Editor 2 Bilder eingefügt und natürlich auch den Link angegeben und in Erweiterungen Stylesheet Klasse colorbox eingegeben. Habe dann die Seite in Opera geöffnet und es funktioniert nicht,  auch im Safari negativ nur im IE8 funktioniert es. Woran kann das liegen?
Gruß
Christian
Logged
maverik

Offline Offline

Posts: 1568



WWW
« Reply #14 on: February 13, 2010, 06:38:22 PM »
Quote
und in Erweiterungen Stylesheet Klasse colorbox eingegeben

der link braucht die stylesheet class
Logged
Signatur wird geladen...
chrisho

Offline Offline

Posts: 7
« Reply #15 on: February 13, 2010, 07:52:05 PM »
Hallo maverik ,

besten Dank nochmal auch für deine Geduld

hat alles geklappt!!!!!   smiley

Gruß
Christian
Logged
Teromane

Offline Offline

Posts: 30
« Reply #16 on: February 27, 2010, 03:09:48 PM »
Ich hab das alles gelesen, auch den Link zum Tutorial aufgerufen und den Eintrag register_frontend_m odfiles('jquery'); in der Index.php meines Templates gemacht.
Natürlich habe ich auch die ColorBox als Erweiterung hochgeladen.

Jetzt weiß ich aber nicht weiter.

Wie bekomme ich nun das Bild - es geht um ein Thumbnail - wie in Lightbox angezeigt?

Wo im Editor muss ich was eintragen?

Bitte verzeiht mir, aber ich verzweifele daran.

Als Hi - Halbidiot - verstehe ich das nicht so ganz. Im Editor unter "Bild einfügen / Editieren"  kann ich ein Bild hochladen, dass dann auch angezeigt wird. Unter "Link" kann ich dann weitere Einstellungen machen, unter anderen die Lightbox auswählen, die aber sicher nicht als Plugin in 2.8.1 vorliegt. Könnte ich da jetzt die ColorBox auswähen und wüsste ich, was ich ín den Bereich Stylesheet Klasse so wie in Style eintragen muss, damit mein Bild sich auf Klick einfach vergrößert, dann wäre ich glücklich.

Oder bin ich mit meinen Gedanken dies in der Bildbox einstellen zu wollen komplett verkehrt?

Ich komme mir wirklich doof vor und wundere mich schon, dass ich ansonsten wunderbar mit WB zurecht kommen.

Ich möchte nicht nerven, aber vielleicht kann mir jemand kurz erklären was ich falsch mache, bzw., wie ich das machen muss. Gern rufe ich auch an oder gebe meine Tel bekannt.

Vielen Dank im Voraus.
Logged
maverik

Offline Offline

Posts: 1568



WWW
« Reply #17 on: February 27, 2010, 03:26:18 PM »
wenn du die frontend modfiles richtig drin hast und auch die colorbox von mir als modul installiert hast ist es wahrscheinlich zu einfach für dich  grin

nix auswählen, nur bei stylesheet klasse colorbox eintragen bei link eigenschaften



und kabumm wird das bild groß wink

der screen ist noch aus den zeiten als man den link extra setzen musste, mittlerweile kannste das aber alles aus dem bild einfügen fenster heraus machen
« Last Edit: February 27, 2010, 03:29:01 PM by maverik » Logged
Signatur wird geladen...
Teromane

Offline Offline

Posts: 30
« Reply #18 on: February 27, 2010, 03:36:07 PM »
Ich hab immer versucht das unter "Bild einfügen" einzutragen. Scheinbar muss ich das als Link eintragen. Habs gemacht und dir ne PN geschickt. Da kannst du sehen, was noch falsch läuft. Ich hab wohl irgendwo einen Fehler gemacht.

Was meinst du mit frontend modfiles? Sollte ich da was vergessen haben oder nicht kapieren?

Code:
<meta name="description" content="<?php page_description(); ?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />
<?php if(function_exists('register_frontend_modfiles')) {register_frontend_modfiles('css');register_frontend_modfiles('jquery');register_frontend_modfiles('js');} ?>
<link href="<?php echo TEMPLATE_DIR; ?>/template.css" rel="stylesheet" type="text/css" media="screen" />

<!--[if lte IE 6]>
<style type="text/css" media="all">

Vielen Dank schon mal für deine schnelle Hilfe.
« Last Edit: February 27, 2010, 03:39:53 PM by Teromane » Logged
Teromane

Offline Offline

Posts: 30
« Reply #19 on: February 27, 2010, 05:41:11 PM »
Maverik hat mir geholfen und alles klappt wunderbar. Ich schreib später noch was dazu, jetzt muss ich erst mal weg.

Vielen Dank!
Logged
peterherman

Offline Offline

Posts: 123
« Reply #20 on: March 05, 2010, 09:26:57 PM »
Hallo maverick,

hab das gleiche Problem wie Teromane.

Hab die Colorbox nun auf vier verschiedenen WB 2.8.1 Installationen getestet, nur auf einer funktioniert sie.
Bei den anderen drei Installationen verschwindet das "vergrößerte" Bild in der linken Ecke teilweise hinter demTemplate.

Hast Du eine Idee, was da schief laufen könnte? Eingebunden habe ich das so wie auf deiner Seite beschrieben.

Gruß Klaus
Logged
dbs
WebsiteBaker Org e.V.

Offline Offline

Posts: 3719


WWW
« Reply #21 on: March 05, 2010, 09:31:58 PM »
gib einen link, kann man besser rausfinden was schief läuft. wink

meistens wird etwas benötigtes nicht oder doppelt geladen.

dbs
Logged
maverik

Offline Offline

Posts: 1568



WWW
« Reply #22 on: March 05, 2010, 09:40:00 PM »
also wenn ich mal in meine



schaue komme ich zu der annahme das da der pfad zur css nicht stimmt.

ansonsten muss man es auf dem von dbs vorgeschlagenen weg probieren.
Logged
Signatur wird geladen...
peterherman

Offline Offline

Posts: 123
« Reply #23 on: March 05, 2010, 09:47:28 PM »
Quote from: maverik on March 05, 2010, 09:40:00 PM
...komme ich zu der annahme das da der pfad zur css nicht stimmt.

kannst Du mir vielleicht verraten, an welcher Stelle/welcher Datei ich den Pfad editieren kann/muss?

Danke
Gruß Klaus
Logged
maverik

Offline Offline

Posts: 1568



WWW
« Reply #24 on: March 05, 2010, 09:53:37 PM »
so gut sind meine hellseherischen fähigkeiten leider nicht
Logged
Signatur wird geladen...
Pages: [1]   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!
Impressum & Datenschutz | powered by WebsiteBaker. ©2004–2010 by Website Baker Org e.V. , all rights reserved | Legal Notice & Privacy Policy