Folgendes, wir wollen für unsere eBay Angebote einen Slider einsetzten.
Im Prinzip funktioniert dieser auch, wenn hier nicht die Besonderheit wäre, dass die Angebote über die Software JTL-Wawi eingebunden würden.
Hier gibt es die Möglichkeit bis zu 12 Bilder nach eBay zu übertragen zu einem in die eBay-Galerie und zum anderen in der Vorlage. Solange es auch 12 Bilder sind ist alles OK, aber sobald ein oder mehrere Bilder vorhanden sind habe ich zwei Möglichkeiten, die erste sieht unschön, da sobald kein Bild vorhanden ist nu die Pfeile zu sehen sind. Die andere ist (welche wir wollen) es wird geprüft, ob Bilder vorhanden sind, wenn nicht soll er diese übergehen. Im Grunde werden die auch nicht mehr angezeigt, nun das "aber" wird für jedes nicht vorhandene Bild ein ">" angezeigt und hierdurch das Template zerrissen, dazu ein Bild:
Hier der Slidercode:
Die Überprüfung ob Bild vorhanden ist oder nicht:
Vielleicht hat wer eine Idee
Im Prinzip funktioniert dieser auch, wenn hier nicht die Besonderheit wäre, dass die Angebote über die Software JTL-Wawi eingebunden würden.
Hier gibt es die Möglichkeit bis zu 12 Bilder nach eBay zu übertragen zu einem in die eBay-Galerie und zum anderen in der Vorlage. Solange es auch 12 Bilder sind ist alles OK, aber sobald ein oder mehrere Bilder vorhanden sind habe ich zwei Möglichkeiten, die erste sieht unschön, da sobald kein Bild vorhanden ist nu die Pfeile zu sehen sind. Die andere ist (welche wir wollen) es wird geprüft, ob Bilder vorhanden sind, wenn nicht soll er diese übergehen. Im Grunde werden die auch nicht mehr angezeigt, nun das "aber" wird für jedes nicht vorhandene Bild ein ">" angezeigt und hierdurch das Template zerrissen, dazu ein Bild:
Hier der Slidercode:
Code:
<div id="img_slider_top">
<!-- Karussell
================================================== -->
<div data-ride="carousel" class="carousel slide" id="myCarousel">
<!-- Positionsanzeige -->
<ol class="carousel-indicators hidden-xs">
<li data-slide-to="0" data-target="#myCarousel" class="active" ></li>
<li data-slide-to="1" data-target="#myCarousel" class="" ></li>
<li data-slide-to="2" data-target="#myCarousel" class="" ></li> </ol>
<div class="carousel-inner" id="bilder">
<div class="item active" align="center"><img src="$#Link.Picture:1#$"></div>
<div class="item" align="center" ><img src="$#Link.Picture:2#$"></div>
<div class="item" align="center" ><img src="$#Link.Picture:3#$"></div>
<div class="item" align="center" ><img src="$#Link.Picture:4#$"></div>
<div class="item" align="center" ><img src="$#Link.Picture:5#$"></div>
<div class="item" align="center" ><img src="$#Link.Picture:6#$"></div>
<div class="item" align="center" ><img src="$#Link.Picture:7#$"></div>
<div class="item" align="center" ><img src="$#Link.Picture:8#$"></div>
<div class="item" align="center" ><img src="$#Link.Picture:9#$"></div>
<div class="item" align="center" ><img src="$#Link.Picture:10#$"></div>
<div class="item" align="center" ><img src="$#Link.Picture:11#$"></div>
<div class="item" align="center" ><img src="$#Link.Picture:12#$"></div>
</div>
<a data-slide="prev" href="#myCarousel" class="left carousel-control"><span class="glyphicon glyphicon-chevron-right"><img class="img-responsive" src="gfx/arrow_left.png"></span></a>
<a data-slide="next" href="#myCarousel" class="right carousel-control"><span class="glyphicon glyphicon-chevron-right"><img class="img-responsive" src="gfx/arrow_right.png"></span></a>
</div><!-- /.carousel -->
</div>Die Überprüfung ob Bild vorhanden ist oder nicht:
Code:
<script>
window.onload=function()
{
for(var i=0; i<document.getElementById('bilder').getElementsByTagName('div').length; i++)
{
var thisElem=document.getElementById('bilder').getElementsByTagName('div')[i].firstChild;
if(thisElem.width<40)
{
var toRemove=document.getElementById('bilder').getElementsByTagName('div')[i]; toRemove.parentNode.removeChild(toRemove);
}
}
}
</script>Vielleicht hat wer eine Idee
