Lightbox Problem

sakis · 07.01.2015 18:42:02

Hallo,

ich habe ein Problem mit den Bildern, wenn ich ein Bild einfüge wird es nicht mit der Lightbox angezeigt sobald ich draufklicke, sondern öffnet nur das Bild im Browser.

Ich habe die Plugins installiert und die Lightbox Funktion von Jdownloads aktiviert, aber klappt nicht. habs auch deaktiviert, selbes resulatat.

gruß
Sakis

Arno · 17.01.2015 14:48:03

Hi,
schick mir mal einen Link via PM.
Sorry, hab deinen Post übersehen.

Arno · 19.01.2015 23:01:47

Hi,
a) bitte überprüfe einmal die Platzhalter im aktivierten 'Dateien' und 'Details' Layout auf Richtigkeit (siehe Beispiele dort in der Beschreibung auf der rechten Seite).
b) bitte die chmod Einstellungen via FTP prüfen für die /assets ordner (siehe hierzu auch das 1. pic)
c) das lightbox script (zur anzeige des Bildes) wird geladen. Aber nicht richtig ausgeführt/initialisiert.
Deshalb fehlt in deinem Quellcode der Seite auch ein entsprechender Abschnitt der zur Anzeige benötigt wird (2. pic).

[gelöscht durch Administrator]

sakis · 21.01.2015 19:46:47

Danke für die schnelle Antwort.

zu 1.

ich kann da keinen fehler entdecken, Aber schau mal selbst nach.

Download Details

Code Select

<table class="jdtable" border="0" cellpadding="10" cellspacing="5" width="100%">
    <tbody>
    <tr>
        <td colspan="1" height="38" valign="top"><span style="font-size: 13pt;">{file_pic} {file_title} {pic_is_new} {pic_is_hot} {pic_is_updated}</span></td>
        <td> </td>
        <td style="text-align: center;">{rating}</td>
    </tr>
    <tr>
        <td height="auto" valign="top" width="313">
            <p>{description_long}</p>
            <div id="thumbs">
                <ul id="jdmain">
                    <li>{screenshot_begin}<a href="{screenshot}" rel="lightbox"> <img src="{thumbnail}" alt="" align="right" border="0" hspace="10" vspace="0" /></a>{screenshot_end}</li>
                    <li>{screenshot_begin2}<a href="{screenshot2}" rel="lightbox"> <img src="{thumbnail2}" alt="" align="right" border="0" hspace="10" vspace="0" /></a>{screenshot_end2}</li>
                    <li>{screenshot_begin3}<a href="{screenshot3}" rel="lightbox"> <img src="{thumbnail3}" alt="" align="right" border="0" hspace="10" vspace="0" /></a>{screenshot_end3}</li>
                    <li>{screenshot_begin4}<a href="{screenshot4}" rel="lightbox"> <img src="{thumbnail4}" alt="" align="right" border="0" hspace="10" vspace="0" /></a>{screenshot_end4}</li>
                    <li>{screenshot_begin5}<a href="{screenshot5}" rel="lightbox"> <img src="{thumbnail5}" alt="" align="right" border="0" hspace="10" vspace="0" /></a>{screenshot_end5}</li>
                    <li>{screenshot_begin6}<a href="{screenshot6}" rel="lightbox"> <img src="{thumbnail6}" alt="" align="right" border="0" hspace="10" vspace="0" /></a>{screenshot_end6}</li>
                    <li>{screenshot_begin7}<a href="{screenshot7}" rel="lightbox"> <img src="{thumbnail7}" alt="" align="right" border="0" hspace="10" vspace="0" /></a>{screenshot_end7}</li>
                    <li>{screenshot_begin8}<a href="{screenshot8}" rel="lightbox"> <img src="{thumbnail8}" alt="" align="right" border="0" hspace="10" vspace="0" /></a>{screenshot_end8}</li>
                    <li>{screenshot_begin9}<a href="{screenshot9}" rel="lightbox"> <img src="{thumbnail9}" alt="" align="right" border="0" hspace="10" vspace="0" /></a>{screenshot_end9}</li>
                    <li>{screenshot_begin10}<a href="{screenshot10}" rel="lightbox"> <img src="{thumbnail10}" alt="" align="right" border="0" hspace="10" vspace="0" /></a>{screenshot_end10}</li>
                </ul>
            <div style="clear: both;"> </div>
            </div>
        </td>

        <td valign="top" width="10"> </td>
        <td valign="top" width="150">

        <table class="jdtable" style="color:#ccc; border-style: solid; border-width: thin; border-color: #CECECE; padding: 5px;
background: #262626; /* Old browsers */
background: -moz-linear-gradient(top, #262626 0%, #202020 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(100%,#202020)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #262626 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #262626 0%,#202020 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #262626 0%,#202020 100%); /* IE10+ */
background: linear-gradient(to bottom, #262626 0%,#202020 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#202020',GradientType=0 ); /* IE6-9 */ "
border="0" cellpadding="0" cellspacing="0" width="100%">

            <tbody>
            <tr><td colspan="2" height="25" valign="top">
			
<p align="center" style="background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
padding: 2px; color: #4F4F4F;">

<strong>{details_block_title}</strong></p></td></tr>
            <tr><td height="auto" valign="top">{release_title}</td><td style="text-align: right;" valign="top">{release}</td></tr>
            <tr><td height="auto" valign="top">{filesize_title}</td><td style="text-align: right;" valign="top">{filesize_value}</td></tr>
            <tr><td height="auto" valign="top">{hits_title}</td><td style="text-align: right;" valign="top">{hits_value}</td></tr>
            <tr><td height="auto" valign="top">{language_title}</td><td style="text-align: right;" valign="top">{language_text}</td></tr>
            <tr><td height="auto" valign="top">{license_title}</td><td style="text-align: right;" valign="top">{license_text}</td></tr>
            <tr><td height="auto" valign="top">{author_title}</td><td style="text-align: right;" valign="top">{author_text}</td></tr>
            <tr><td height="auto" valign="top">{author_url_title}</td><td style="text-align: right;" valign="top">{author_url_text}</td></tr>
            <tr><td height="auto" valign="top">{price_title}</td><td style="text-align: right;" valign="top">{price_value}</td></tr>
            <tr><td height="auto" valign="top">{created_date_title}</td><td style="text-align: right;" valign="top">{created_date_value}</td></tr>
            <tr><td colspan="2" height="60" align="center" valign="middle"><p align="center">{url_download}</p></td></tr>
            <tr><td colspan="2" height="auto" align="center" valign="middle">{mirror_1} {mirror_2}</td></tr>
            <tr><td colspan="2" height="auto" align="center" valign="middle"><small>{report_link}</small></td></tr>
            </tbody>
        </table>
        </td>
    </tr>
    </tbody>
</table>

Downloads

Code Select

{files_title_begin}
<div style="background: #262626; /* Old browsers */
background: -moz-linear-gradient(top, #262626 0%, #202020 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(100%,#202020)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #262626 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #262626 0%,#202020 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #262626 0%,#202020 100%); /* IE10+ */
background: linear-gradient(to bottom, #262626 0%,#202020 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#202020',GradientType=0 ); /* IE6-9 */ 

padding:6px; color:white;">{files_title_text}</div>{files_title_end}

<table width="100%" style="padding:3px; background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */">
   <tr valign="middle">
      <td width="55%" style="font-size:20px; text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);">{file_pic} {file_title} {pic_is_new} {pic_is_hot} {pic_is_updated}</td>
   <td width="10%">
          <p align="left"><div  style="margin-top:20px; margin-bottom:10px; font-size:20px;"> {price_title}: {price_value}</div></p>
      </td>
	     </tr>
</table>
<table width="100%" style="padding:3px;">    
   <tr>
      <td width="75%" align="left" valign="top">{description}<br />{mp3_player}<br />{mp3_id3_tag}</td>
      <td valign="top">{screenshot_begin}<a href="{screenshot}" rel="lightbox"> <img src="{thumbnail}" align="right" /></a>{screenshot_end}
      </td>
      <td width="3%" valign="top" style="padding:3px;"> {filesize_title}:<br />  {hits_title}:</td>
      <td text-align="right" width="10%" valign="top" style="padding:3px;">{filesize_value}<br />{hits_value}</td>
   </tr>
</table>

zu 2.

ich habe die htaccess angepasst, müsste jetzt alles im grünen bereich sein.

zu 3.

habe ich nicht so richtig verstanden was du meinst...

Arno · 22.01.2015 01:10:33

Quoteich habe die htaccess angepasst, müsste jetzt alles im grünen bereich sein.

Die war aber nicht gemeint, sondern:

Quoteb) bitte die chmod Einstellungen via FTP prüfen für die /assets ordner (siehe hierzu auch das 1. pic)

Also die Verzeichnisrechte für z.B.: components/com_jdownloads/assets/ und unterordner. Die Layouts sehen soweit okay aus.

ColinM · 22.01.2015 11:47:50

@sakis
Hi
This is nothing to do with your current problem but just a thought to make your layout code simpler by using the jdownloads_custom.css file.
See http://www.jdownloads.net/documentations/item/custom-css for more info. It would

Presently for example you have
<td valign="top" width="10"> </td>
<td valign="top" width="150">

<table class="jdtable" style="color:#ccc; border-style: solid; border-width: thin; border-color: #CECECE; padding: 5px;
background: #262626; /* Old browsers */
background: -moz-linear-gradient(top, #262626 0%, #202020 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(100%,#202020)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #262626 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #262626 0%,#202020 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #262626 0%,#202020 100%); /* IE10+ */
background: linear-gradient(to bottom, #262626 0%,#202020 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#202020',GradientType=0 ); /* IE6-9 */ "
border="0" cellpadding="0" cellspacing="0" width="100%">

<tbody>
<tr><td colspan="2" height="25" valign="top">


The majority of this is the additional css. This could be simplified to

<td valign="top" width="10"> </td>
<td valign="top" width="150">
<table class="jdtable jd_mytablestyle" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr><td colspan="2" height="25" valign="top">

And in jdownloads_custom.css put in
.jd_mytablestyle {
color:#ccc;
border-style: solid;
border-width: thin;
border-color: #CECECE;
padding: 5px;
background: #262626; /* Old browsers */
background: -moz-linear-gradient(top, #262626 0%, #202020 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(100%,#202020)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #262626 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #262626 0%,#202020 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #262626 0%,#202020 100%); /* IE10+ */
background: linear-gradient(to bottom, #262626 0%,#202020 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#202020',GradientType=0 ); /* IE6-9 */ "
}

Colin

sakis · 22.01.2015 19:08:36

Hab die rechte auf 755 gesetzt, aber keine veränderung sichtbar..

thx colin

sakis · 24.01.2015 15:32:37

Kann mir jemand weiterhelfen ?

Arno · 24.01.2015 19:25:46

An deiner Stelle würde ich einmal ein paar richtige Images testen. Also größere hochladen.
Außerdem ist dieser Download eingeschränkt. "Info Sie haben nicht die erforderlichen Rechte zum herunterladen von Dateien aus dieser Kategorie..."
Hat jetzt nicht unbedingt etwas mit dem Pic zu tun.
Außerdem kommt da so ein nerviges popup. Bitte deactiviere das einmal und teste es dann erneut.

Wie gesagt, oberflächlich sieht alles okay aus. Da kann die Fehlersuche schon einmal schwierig werden.

sakis · 24.01.2015 22:09:35

Ich hab den Popup deaktiviert und größere Bilder verwendet, leider ohne Erfolg.

Hast du weitere Tipps ?

Arno · 25.01.2015 13:54:08

Ich bin leider unterwegs und kann mir das daher erst heute abend noch einmal ansehen.
Wie ich schon in meinem zweiten post schrieb, wird das script zwar geladen aber nicht korrekt ausgeführt.

sakis · 25.01.2015 14:04:53

was mir aufgefallen ist, das auf Kunena die integrierte lightbox funktion funktioniert. Kann man das irgend wie auf jdownloads übertragen ?

ich schick dir ein account um dich auf der seite einzuloggen. Vielleicht kannst du so den fehler besser finden.

Vielen dank für deine mühe.

Arno · 26.01.2015 01:44:45

QuoteIch hab den Popup deaktiviert und größere Bilder verwendet, leider ohne Erfolg.

Ähm... wo denn. Ich seh da nur Bilder von 120 x 60px für die große Bildansicht.

sakis · 26.01.2015 15:11:24

Hab die wieder entfernt. Mach sie aber heute abend nochmal rein. Meld mich dann nochmal.

Arno · 26.01.2015 15:18:59

Also ich hab da echt Probleme das Problem bei dir zu lösen. Ich vermute irgendeine Kollision mit einem deiner anderen Scripts.
Fehlermeldungen gibts keine und das Lightbox Script wird auch geladen, aber nicht initialisiert (siehe ja auch meinen früheren Post deshalb).
Werde heute abend noch mal weitersuchen...

jDownloads Support Forum

News:

Lightbox Problem

sakis

Arno

Arno

sakis

Arno

ColinM

sakis

sakis

Arno

sakis

Arno

sakis

Arno

sakis

Arno