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
Hi,
schick mir mal einen Link via PM.
Sorry, hab deinen Post übersehen.
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]
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...
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.
@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
Hab die rechte auf 755 gesetzt, aber keine veränderung sichtbar..
thx colin
Kann mir jemand weiterhelfen ?
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.
Ich hab den Popup deaktiviert und größere Bilder verwendet, leider ohne Erfolg.
Hast du weitere Tipps ?
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.
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.
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.
Hab die wieder entfernt. Mach sie aber heute abend nochmal rein. Meld mich dann nochmal.
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...
Hast du inzwischen was heraus gefunden? Ich bin echt am verzweifeln :(
Ich habe es jetzt mit einem Plugin gelöst. Jedoch gibt es jetzt ein anderes Problem. Jedes Bild wird jetzt mit dem Popup angezeigt. Wie kann ich es einstellen das das plugin nur für Jdownloads arbeitet.
Es handelt sich um das ImageSizer 3.2 free Plugin.
Gruß
Sakis
Hi,
entschuldige die späte Antwort aber du bist eben nicht der einzige der um Hilfe anfragt.
Quoteedes Bild wird jetzt mit dem Popup angezeigt. Wie kann ich es einstellen das das plugin nur für Jdownloads arbeitet.
Ich kann aktuell keine Veränderung auf deiner Webseite feststellen. Hast du das Plugin also wieder deaktiviert?
Verstehe auch nicht genau was du mit deiner Frage (popup) meinst.
Aber du solltest auch noch den Hintergrund in der Titelzeile ändern. Siehe pic.
Sollte im verwendeten 'Dateien' Layout stehen.
element.style {
background: linear-gradient(to bottom, #262626 0%, #202020 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: white;
padding: 6px;
}[gelöscht durch Administrator]
Danke für die schnelle Rückmeldung. Ich habe heraus gefunden, das es was mit dem Template und dem Jquery ist. Ich verwende ein Club-Template von Shape5. Wenn ich die Funktion "Enable JS Compression?" einschalte, funktioniert das Menü nicht richtig, aber dafür die Lightbox funktioniert.
Kannst du da weiterhelfen ?
Kontaktiere einmal die Macher vom Template. Die haben das ja wohl verbockt.
Übrigens bist du nicht der erste der probleme mit dieser blöden Option hatte. (Komprimierung).
Ich hab mal die lightbox.js sowie die lightbox.css von
hier runtergeladen und mit den vorhanden datei von jdownloads überschrieben (/com_jdownloads/assets/lightbox)
es kommt zwar jetzt eine Lightbox, doch der hintergrund zusammen mit dem Bild ist "schwarz" und das bild wird als Thumbnail angezeigt und nicht in der vollen größe.
kannst du mir da bitte weiterhelfen ?
Gruß
Sakis
Hi Sakis,
ich wette mal, das es auch hier erst dann geht, wenn du die Funktion "Enable JS Compression?" ausschaltest.
Vielleicht solltest du überlegen ein anderes Menü zu verwenden. Sollte das auch zum Template gehören, frage nach warum dieses nicht läuft wenn diese Option deaktiviert ist (was übrigens irgendwie unlogisch ist).
ne, ich verwende kein komprimmierung mehr, aber trotzdem geht das neue Plugin, nur wird es halt nicht "sauber" dargestellt (siehe problem beschreibung oben). Ich vermute es ist ein CSS problem.
Ich kann auch ohne Komprimmierung leben, sobald alles funktioniert. Jetzt hängt es nur an diesem kleinen problem.
Wenn du die Kompriemirung nicht mehr verwendest, müsste doch auch das Script von jD gehen. Hast du doch selber geschrieben...
Bei dem anderen Script, da kann ich dir leider nicht helfen.
Wenn ich die Kompriemirung einschalte, geht JD aber nicht mein Menü. Wenn ich die Kompriemirung ausschalte geht das Menü aber nicht JD.
Dein Lightbox Script für JD ist von Lokesh Dhakar. Jetzt hat er Lightbox2 geschrieben (
hier zu finden) das habe ich installiert und damit geht jetzt mein Menu und das JD.
Jedoch habe ich jetzt das Problem das das Popup Bild klein dargestellt wird und dunkel ist.
Was ich möchte ist, das das Popup Bild in der Original Größe dargestellt wird, und nur der Hintergrund Schwarz ist aber das Bild hell, also normal.
Ich hoffe du hast mich verstanden :)
Gruß
Sakis
QuoteBei dem anderen Script, da kann ich dir leider nicht helfen.
Ich hoffe du verstehst mich auch. ;)
Habe da leider aktuell keine Zeit für.