4images Forum & Community
4images Modifications / Modifikationen => Mods & Plugins (Requests & Discussions) => Topic started by: Daniela007 on December 12, 2006, 05:48:30 PM
-
Ich möchte in meiner Galerie das Lightbox JS (http://www.huddletogether.com/projects/lightbox2/ (http://www.huddletogether.com/projects/lightbox2/)) hinzufügen.
Leider komm ich nicht klar ... kann mir wer helfen?
http://www.hundefreund.net/galerie/index.php (http://www.hundefreund.net/galerie/index.php)
Mfg
Daniela
-
:lol: So weit so gut .... habe es nun geschafft *gg*
Aber das blöde daran ist ... wenn man auf das Bild drückt bevor die Seite fertig geladen ist ... dann öffnet sich rein nur das Bild (aber nicht in der Galerie)
Mann müßte immer warten bis die Galerie fertig geladen ist. Aber wenn man es nicht macht könnte man das Bild dann ganz einfach verlinken und das möchte ich nicht so gerne :|
Kann man da was machen???
-
Hallo,
das liegt daran, dass auch
<link rel="stylesheet" href="./templates/hunde/css/lightbox.css" type="text/css" media="screen" />
<script src="./templates/hunde/js/prototype.js" type="text/javascript"></script>
<script src="./templates/hunde/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="./templates/hunde/js/lightbox.js" type="text/javascript"></script>
gelanden werden müssen.
Und da dies anscheinend als letztes geschieht, ist der Effekt erst beim kompletten Laden der Page aktiv
Das ist so.
Du müsstest also die Bilder der Detailspage reduzieren, um das Laden zu beschleunigen.
Deine smilies in der Commentform verschlingen eine Unmenge an Zeit :?
Die würde ich reduzieren auf 4-5 Stück
Das Vorher Nachher Bild wäre auch noch ersetzbar mit Links, falls die smilies nicht reichen
Gruß
KUrt
-
hmmm könnte man nicht zb. das irgendwie machen das zb. ein Ladebalken kommt und das Bild er angezeigt wird wenn die Seite fertig geladen ist?
Oder irgend wie so in der art das eben erst die Grafik oder auch Link erst Sichtbar wird wenn die Seite fertig geladen ist.
Lg
Daniela
-
... hier habe ich mal eine Variante für flash-files gepostet ...
... http://www.4homepages.de/forum/index.php?topic=10491.msg52518#msg52518
... das kannst du aber analog für jpg-files verwenden ...
... ansonsten mal nach "loader" hier im Forum suchen ...
-
... hier habe ich mal eine Variante für flash-files gepostet ...
... http://www.4homepages.de/forum/index.php?topic=10491.msg52518#msg52518
... das kannst du aber analog für jpg-files verwenden ...
... ansonsten mal nach "loader" hier im Forum suchen ...
hmm sag mal ich habe da was von dir gefunden, schau mal:
<!-- Template file for JPG Files -->
<SCRIPT>
load_img = new Image();
load_img.src = '{media_src}';
function replace_img(){
if (load_img.complete) {
document['target_img'].src=load_img.src;
clearInterval(timerid);
}
}
timerid = setInterval("replace_img()", 1500);
</SCRIPT>
<table border="0" cellpadding="0" cellspacing="0" >
<tr><td width="{width}" height="{height}" valign="middle" align="center"><img name="target_img" src="{template_url}/images/loader.gif" alt="{image_name}" />
</td></tr></table>
Könnte man das aber irgendwie umbauen das die originalgröße kleiner angezeigt wird.
Oder könnte man dieses unten irgendwie mit einbauen?:
:?:<img src="{media_src}" border="0" alt="{image_name}" {limit_var}="{new_limit}" />
:!: oder dieser wäre noch besser mit Bildlink so wie ich ihn ursprünglich habe:
<a href="{media_src}" rel="lightbox" title= "hundefreund" ><img src="{media_src}" border="0" alt="{image_name}" {limit_var}="{new_limit}" /></a>
Leider kenn ich mich damit nicht aus aber wenn man das irgendwie zusammen machen könnte wäre das genau was ich such.
Der Bildverzögerer mit Ladebalken wäre ideal.
Lg
Daniela
-
So ich habs geschafft 8)
Leider was ich nicht hinbekommen habe ist das das Bild selbst der Link ist.
Aber es geht auch so :lol:
Lg
Daniela
***************
http://www.hundefreund.net/galerie/ (http://www.hundefreund.net/galerie/)
-
A very nice addition, but where do I have to add the "rel="lightbox" that activates the Lightbox ? :?
-
... in media templates ... e.g. jpg.html, jpeg.html, gif.html ...
... in default jpg.html ...
<a href="{media_src}" rel="lightbox"><img src="{media_src}" border="1" alt="{image_name}"{width_height} /></a>
-
hm, that does not help me. Do I need to have a media template to use Lightbox JS 2.0 ?
-
... of course ... first you must install the new "lightbox2.0" ... !
... you don't need any new templates for this ...
... this "lightbox2.0" use a java-script ...
... here ... http://www.4homepages.de/forum/index.php?topic=11115.msg56851#msg56851
... and a example you can find : here (http://klick.kl.funpic.de/photoblog.php)
-
he didnt mean a new template. he meant the template files in "templates/media/jpg.html"! look into that folder an ad the rel="lightbox" to the code of the files u think, it is nesessary
-
Hallo,
ich bin noch ein absoulter Anfänger was 4images und solche Systeme im Allgemeinen betrifft. Würde mir gerne Lightbox 2 (http://www.huddletogether.com/projects/lightbox2/) installieren, nur verstehe ich die Anleitung dazu leider absolut nicht.
Ich habe mir das Teil gezogen, doch wo müssen nun die Ordner hin? Und wo muß ich diese Codes einfügen?
Ich versteh leider nur wirklich ganz wenig Englisch und daran liegt es auch ganz sicher, hab auch versucht mittels Suchfunktion hier etwas in Deutsch zu finden, doch leider Ergebnislos. Sollte ich da aber etwas übersehen haben, dann wäre ich schon dankbar über den Link zu einem Deutschen Thread mit Einbauhilfe dazu.
-
aber das hat doch @KurtW hier sehr schön beschrieben, guckst du: http://www.4homepages.de/forum/index.php?topic=18291.0
-
Vielen lieben Dank *freu*
Ich hätte es nur nie mit Slideshow/Diashow in Verbindung gebracht bei der Suche.
-
English?!? : )
-
Hi albertpr9,
to see, how it works and witch files you must addon für the lightbox:
http://www.huddletogether.com/projects/lightbox2/ (http://www.huddletogether.com/projects/lightbox2/)
codes to integrate in 4images for links in thumbs:
http://www.4homepages.de/forum/index.php?topic=11115.msg95383#msg95383 (http://www.4homepages.de/forum/index.php?topic=11115.msg95383#msg95383)
in details:
posting #8:
http://www.4homepages.de/forum/index.php?topic=15819.msg88549#msg88549 (http://www.4homepages.de/forum/index.php?topic=15819.msg88549#msg88549)
Kurt