jCarousel - ett tillägg som ni kanske kan hjälpa mig med

kolla om den har mer än 4x bilder innan du "binder" plugin:et till elementen.

Hur menar du med kolla? Det som jag testkör med nu har bara 4 bilder och jag har angivit i toppen att den ska visa 4 bilder per slide. Väljer jag wrap: last, så visar den next-knappen, använder jag first så visar den prev-knappen, använder jag both visar den båda och sätter jag den till null så visar den båda.

Hur ser din HTML kod ut och hur ser din JS kod ut?

<div id="someething">
	<img src="...">
	<img src="...">
	<img src="...">
	<img src="...">
</div>

<script>
var el = $("#something");

//Bind plugin only if the element has more children then 4	
if(child.children().length>4) {
	el.jcarousel();
}

Eller är det att du alltid vill visas 4 bilder per slide? Är väl bara att wrappar bilder i en div:

<div id="something">
    <div>
        <img src="...">
        <img src="...">
        <img src="...">
        <img src="...">
    </div>
    
    <div>
        <img src="...">
        <img src="...">
        <img src="...">
        <img src="...">
    </div>
    
    <div>
        <img src="...">
        <img src="...">
        <img src="...">
        <img src="...">
    </div>
    
    <div>
        <img src="...">
        <img src="...">
        <img src="...">
        <img src="...">
    </div>

    <div>
        <img src="...">
        <img src="...">
        <img src="...">
        <img src="...">
    </div>
</div>

På raden Scroll: 4, så talar jag om hur många <li> som ska visas inom själva wrappern. Om dessa är mindre eller lika med värdet av scroll så ska den inte visa några pilar.

<script type="text/javascript">

        $(document).ready(function() {

		$('#mycarousel').jcarousel({
			auto: 0,
			wrap: 'both',
			scroll: 4,
			animation: 1000
		});

	});

</script>

<ul id="mycarousel">

	<li>Något här...</li>
	<li>Något här...</li>
	<li>Något här...</li>
	<li>Något här...</li>
	<li>Något här...</li>
	<li>Något här...</li>
	<li>Något här...</li>
	<li>Något här...</li>

</ul>

Läs mitt första svar då, om #mycarousel den har fler children än 4

antingen om du nu måste köra köra jscarousel även om det bara är 4st så ha en koll om children är <4 så skriver du över buttonNextHTML och buttonPrevHTML till Null enligt dokumentationen:

var carousel = $('#mycarousel'),
    displayButton = carousel.children>4,
    button = displayButton ? "<div></div>" : null; //default values

carousel.jcarousel({
    auto: 0,
    wrap: 'both',
    scroll: 4,
    animation: 1000,
    buttonNextHTML: button,
    buttonPrevHTML: button
});

Tack för hjälpen!

Det verkar inte riktigt som om det fungerar. Jag har talat om att det ska visas 4 bilder per wrap och pilarna (next och prev) syns inte, men så fort jag lägger till en femte bild så borde pilarna synas men det gör dem inte.

Kör scriptet enligt ovan.

Då få du lyssna på events, om du få in fler element med ajax eller annat sätt som du påverkar DOM trädet, du få kolla på deras callback funktioner de har i pluginet, du vill inte köra min kod ovan, du vill visa knapparna men om det bara har 4st bilder så skall du bara ändra display/visibilityn på next/prev knapparna.

eller helt enkelt kolla den genererade HTML koden, om man tittar på exempel sidorna så genereras det på en av sidorna en klass:

jcarousel-next jcarousel-next-horizontal jcarousel-next-disabled jcarousel-next-disabled-horizontal

det är bara att sätta en egen CSS på disabled delarna att de inte skall visas.

Jag är så kass på att förklara, tack för att du har tålamod med mig ;) Lär mig grymt mycket!

Defaultvärdet är ju att pilarna alltid ska visas. Men jag vill att pilarna endast ska visas om det är fler än 4 bilder. Jag testade med ditt senaste script om att ersätta <div></div> med null, men det fungerar inte. Det verkade dock så riktigt bra lösning på mitt problem.

jag läser bara http://sorgalla.com/projects/jcarousel/#Configuration där buttonNextHTML och buttonPrevHTML som standard är <div></div>. men skriptet just nu kollas bara en gång, det är när sidan laddas in (har inte testat koden), men efter det så om det var fler än 4 bilder så bör next/prev knappen synas, men inte om du lägger in fler bilder efter att jquery skriptet har körts. dock vet jag inte hur du skriver för att få fler än 4st i efterhand.

dum som jag är har jag ju skrivit fel....

displayButton = carousel.children().length>4,

skall det ju självklart vara.

Nu funkade det! Tack och bock!