Witam, potrzebny mi slider, probowalem wziac z tej strony ale jak robie to co tam jest to mi nie dziala: https://bkosborne.com/jquery-waterwheel-carousel , dolaczalem pliki js to swojego folderu i dodalem je w kodzie, oczywiscie kod tez dodalem, wie ktos co jest nie tak? Nie wiem moze ma na to wplyw to jakie inne pliki js dodawalem i w jakiej kolejnosci...
- Rejestracja:prawie 7 lat
- Ostatnio:ponad 3 lata
- Postów:3394
0
Komunikaty błędów w konsoli jakieś są?
- Rejestracja:około 8 lat
- Ostatnio:10 miesięcy
- Postów:202
0
- screenshot-20180829145747.png (121 KB) - ściągnięć: 93
- screenshot-20180829150402.png (186 KB) - ściągnięć: 102
edytowany 1x, ostatnio: mistrzkrisu6
- Rejestracja:prawie 7 lat
- Ostatnio:ponad 3 lata
- Postów:3394
1
No to czego nie rozumiesz? Masz niepodpięty skrypt jquery (i jeszcze jakieś inne pliki).
- Rejestracja:około 8 lat
- Ostatnio:10 miesięcy
- Postów:202
0
tylko nie rozumiem, bo mam w kodzie dodane i w folderze js, to o co chodzi?
- Rejestracja:około 8 lat
- Ostatnio:10 miesięcy
- Postów:202
0
zrobilem z jakiegos innego zrodla i mi wyszedl, czy wie ktos jak zmienic to by nie bylo tych przyciskow next play prev i zeby automatycznie chodzilo jak sie wlaczy strone, bo trzeba wlaczyc by chodzilo, jak zrobic by bylo wiecej zdjec na raz widocznych i jak zmienic ich rozmiary? Tu mam kody css i html:
css:
body { margin:auto; width:850px; padding:0 0 20px 0; font-family:verdana, sans-serif; font-size:12px; }
h3 { margin-top:50px; }
.containerr { width:850px; height:360px; }
.containerr > img, .containerr > div { width:480px; height:360px; display:none; }
#example1 .montePrev, #example1 .monteNext, #example1 .montePlay {
display:block;
background-image:url(buttons.png);
background-repeat:none;
position:absolute;
text-indent:-9999px;
}
#example1 .montePrev { width:29px; height:28px; background-position:0 -46px; bottom:-14px; left:376px }
#example1 .montePrev:hover { background-position:0 -6px; }
#example1 .monteNext { width:29px; height:28px; background-position:-70px -46px; bottom:-14px; left:446px;}
#example1 .monteNext:hover { background-position:-70px -6px; }
#example1 .montePlay { width:41px; height:40px; background-position:-29px -120px; bottom:-20px; left:405px; }
#example1 .montePlay:hover { background-position:-29px -80px; }
#example1 .montePaused { background-position:-29px -40px; }
#example1 .montePaused:hover { background-position:-29px 0px; }
#example3 img { width:100%; height:100%; }
#example3 div div { position:absolute; bottom:0; left:0; background:#fff; width:100%; }
#example3 p { margin:0; color:#000; padding:5px 15px 24px 15px; }
#example3 .frame { position:absolute; top:0; left:0; }
#example3 .montePlay { display:none; }
#example3 .montePrev, #example3 .monteNext {
display:block;
background-image:url(arrows.png);
background-repeat:none;
position:absolute;
top:166px;
width:24px;
height:28px;
text-indent:-9999px;
}
#example3 .montePrev { left:0; background-position:bottom left; }
#example3 .monteNext { right:0; background-position:bottom right; }
#example3 .montePrev:hover { background-position:top left; }
#example3 .monteNext:hover { background-position:top right; }
html:
<script>
$(function () {
// Unstyled Example
$.monte('#example1');
// Styled Buttons Example
// (see the CSS in the above style block)
$.monte('#example2', {auto:false});
// Callback Example
// Format and append the HTML:
$('#example3 > img').each(function(){
$(this)
.wrap('<div style="position:relative"/>')
.parent()
.append('<div><p>' + $(this).attr('alt') + '</p></div>')
.append('<img src="frame.png" alt="" class="frame"/>');
});
// Hide the text on all but the center slide:
$('#example3 div div').css({opacity: 0}).eq(0).css({opacity: 0.8});
// Using the callbacks to reveal and hide the text:
$.monte('#example3', {
auto:false,
callbackIn: function () {
$(this[0]).find('div').animate({opacity: 0.8}, 450);
},
callbackAway: function () {
$(this[0]).find('div').animate({opacity: 0}, 450);
}
});
});
</script>
tak to wyglada:
- screenshot-20180902104414.png (366 KB) - ściągnięć: 109
Freja Draco