[GELÖST] Supersizer + Simpleslider

brandy · 01. März 2012 07:45

Hallo!

Wie in diesem Thread schon angefragt -> http://www.cmsmadesimple.de/forum/viewtopic.php?id=1831 - möchte ich gerne den Supersizertag im SimpleSlider benutzen. Mein Kunde lädt selbstständig Fotos hoch, die er anfangs wunderschön selbst verkleinern konnte, jetzt aber nicht mehr dazu im Stande ist wink - kann man das irgendwie realisieren, denn im Simpleslider habe ich ja kein Template, ich hab nur die Original-PHP-Dateien.

Vielen Dank!

Beitrag geändert von brandy (15. März 2012 08:11)

brandy · 02. März 2012 09:14

Ok, aufgrund der Antworten nehme ich an, dass dies mit Supersizer nicht funkioniert - gibt es sonst eine andere Lösung?

nicmare · 02. März 2012 09:28

türlich geht das. machen vielen so. einfach das gallery modul her nehmen und ne subgallery anlegen "slider". darin die bilder hochladen. dann noch nen gallerytemplate anlegen, das das javascript für den slider beinhaltet. und dann den gallery code an gewünschter Stelle einfügen. Wenn dir die standard-bildmethoden vom gallery modul nicht reichen, kannst du innerhalb vom gallery modul das supersizer plugin verwenden.

brandy · 02. März 2012 11:55

Ok hört sich nach einer coolen Lösung an, die schätz ich mal ein anders Problem, das mit der Reihung der Bilder zu tun hat, gleich mitlöst...
Ja die Javascripts sind diese beiden Kollegen: jquery.js, s3Slider.js. Wie checkt die Gallery aber dass sie jetzt nicht nebeneinander darstellen soll, sondern ineinandersliden?

Beitrag geändert von brandy (02. März 2012 12:01)

nicmare · 02. März 2012 12:22

na indem nicht nur das javascript in das javascript-feld eingefügt wird sondern auch das stylesheet ins stylesheet-feld ;-)

brandy · 12. März 2012 14:01

So bin gerade beim Umbau des Sliders auf das Gallerymodul...

Hab jetzt mal die Javascripts und das CSS in das Gallerymodul eingefügt. Gut jetzt muss ich nur mehr aus diesem hier (SimpleSlider)

Hier klicken, um den Code zum Kopieren zu markieren

<ul id="simplesliderContent">
      <li class="simplesliderImage">
		<img src="uploads/sliderimages/img1.jpg" width="450" height="300"  onClick="javascript:location.href='http://www.ff-untergrossau.at/index.php?mact=News,cntnt01,detail,0&cntnt01articleid=197&cntnt01returnid=57';" style="cursor:pointer;"  />
		<span class="bottom">

			<div style="font-weight:bold; font-size:14px;">Feuerwehrdamen FF Untergrossau 2011</div>
						<a href="http://www.ff-untergrossau.at/index.php?mact=News,cntnt01,detail,0&cntnt01articleid=197&cntnt01returnid=57" class="slidelink">
												</a>
						
		</span>
      </li>
      <li class="simplesliderImage">
		<img src="uploads/sliderimages/img2.jpg" width="450" height="300"  onClick="javascript:location.href='http://www.ff-untergrossau.at/index.php?mact=News,cntnt01,detail,0&cntnt01articleid=197&cntnt01returnid=57';" style="cursor:pointer;"  />
		<span class="bottom">

			<div style="font-weight:bold; font-size:14px;"></div>
						<a href="http://www.ff-untergrossau.at/index.php?mact=News,cntnt01,detail,0&cntnt01articleid=197&cntnt01returnid=57" class="slidelink">
												</a>
						
		</span>
      </li>
    <div class="clear simplesliderImage"></div>
</ul>

das Template bastln oder?

---EDIT---
Hab jetzt mal sowas gebaut:

Hier klicken, um den Code zum Kopieren zu markieren

<ul id="simplesliderContent">
{foreach from=$images item=image}
      <li class="simplesliderImage">
		<img src="{$image->file}" style="cursor:pointer;"/>
		<span class="bottom">
			<div style="font-weight:bold; font-size:14px;">{$gallerytitle}</div>		
		</span>
      </li>
{/foreach}
    <div class="clear simplesliderImage"></div>
</ul>

Fährt jedoch nicht...
---/EDIT---

Link dazu wäre folgender:
>>LINK

Beitrag geändert von brandy (12. März 2012 14:15)

NaN · 12. März 2012 14:17

Javascript Fehlerkonsole? roll

NaN · 12. März 2012 14:21

$(document).ready(function() {
$('#simpleslider').s3Slider({
timeOut: 4000
});
});

Entweder bin ich blind oder das ist der falsche Link.
Es gibt in deinem ganzen Dokument kein Element mit dieser ID.
Es gibt nichtmal das Gallery Modul oder auch nur Teile davon.

brandy · 12. März 2012 14:23

Gut, bekomm diesen Fehler hier:

Hier klicken, um den Code zum Kopieren zu markieren

element[0] is undefined
s3Slider()s3Slider.js (Zeile 23)
vars = Object { timeOut=4000}
(?)()index....dertest (Zeile 25)
ready()jquery.js (Zeile 392)
DOMContentLoaded()

Die betreffende Zeile wäre diese hier:

Hier klicken, um den Code zum Kopieren zu markieren

var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");

Welches Element fehlt ihm hier?

brandy · 12. März 2012 14:26

Ok hab jetzt das betreffende DIV eingebaut und er slided...
Cool...

Vielen Dank!

brandy · 12. März 2012 17:01

Habs jetzt schon auf der Startseite eingebaut -> http://www.ff-untergrossau.at
Habs so gebaut, dass der Bildtitel im grauen Balken gezeigt wird. Der graue Balken wir aber nicht bei allen Bildern angezeigt - nur bei einigen...
Was passt da nicht?
Vielen Dank!

Beitrag geändert von brandy (12. März 2012 17:02)

NaN · 12. März 2012 18:06

Die Bilder sollten schon alle die gleiche Größe haben.

Forum für CMS/made simple

#1 01. März 2012 07:45

[GELÖST] Supersizer + Simpleslider

#2 02. März 2012 09:14

Re: [GELÖST] Supersizer + Simpleslider

#3 02. März 2012 09:28

Re: [GELÖST] Supersizer + Simpleslider

#4 02. März 2012 11:55

Re: [GELÖST] Supersizer + Simpleslider

#5 02. März 2012 12:22

Re: [GELÖST] Supersizer + Simpleslider

#6 12. März 2012 14:01

Re: [GELÖST] Supersizer + Simpleslider

#7 12. März 2012 14:17

Re: [GELÖST] Supersizer + Simpleslider

#8 12. März 2012 14:21

Re: [GELÖST] Supersizer + Simpleslider

#9 12. März 2012 14:23

Re: [GELÖST] Supersizer + Simpleslider

#10 12. März 2012 14:26

Re: [GELÖST] Supersizer + Simpleslider

#11 12. März 2012 17:01

Re: [GELÖST] Supersizer + Simpleslider

#12 12. März 2012 18:06

Re: [GELÖST] Supersizer + Simpleslider

Fußzeile des Forums