News:

Dear forum visitors, if the support forum is not available, please try again a few minutes later. Thanks!

Main Menu
Support-Forum

Lightbox Problem

Started by sakis, 07.01.2015 18:42:02

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

sakis

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

Hi,
schick mir mal einen Link via PM.
Sorry, hab deinen Post übersehen.
Best Regards / Gruß
Arno
Please make a Donation for jDownloads and/or write a review on the Joomla! Extensions directory!
  •  

Arno

#2
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]
Best Regards / Gruß
Arno
Please make a Donation for jDownloads and/or write a review on the Joomla! Extensions directory!
  •  

sakis

Danke für die schnelle Antwort.

zu 1.

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

Download Details

<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

{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

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.
Best Regards / Gruß
Arno
Please make a Donation for jDownloads and/or write a review on the Joomla! Extensions directory!
  •  

ColinM

@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
Colin M
  •  

sakis

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

thx colin

  •  

sakis

Kann mir jemand weiterhelfen ?
  •  

Arno

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.
Best Regards / Gruß
Arno
Please make a Donation for jDownloads and/or write a review on the Joomla! Extensions directory!
  •  

sakis

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

Hast du weitere Tipps ?
  •  

Arno

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.
Best Regards / Gruß
Arno
Please make a Donation for jDownloads and/or write a review on the Joomla! Extensions directory!
  •  

sakis

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

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.
Best Regards / Gruß
Arno
Please make a Donation for jDownloads and/or write a review on the Joomla! Extensions directory!
  •  

sakis

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

Arno

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...
Best Regards / Gruß
Arno
Please make a Donation for jDownloads and/or write a review on the Joomla! Extensions directory!
  •