zuck.js adlı bir scrip buldum ve bunu sitemde uygulamak istiyorum.ama ne yaptıysam veriyi çekemedim javascript ile kodlandığı için yapamadım js kodlamada fazla bilgi sahibi değilim bilen arkadaşlar varsa yardımcı olırsa sevinirim demo url https://ramon.codes/demo/zuck.js/index.html

İndex içeriği aşağıda

İndex.html

 

This a demonstration of zuck.js javascript library.

Not associated with Facebook, Instagram, WhatsApp or Snapchat.

Choose your theme:


Snapgram (without fullscreen)
FaceSnap (with fullscreen)
VemDeZAP (timeline + arrows)
Snapssenger (with previews)

<script></script>
<script></script>

<script>
var currentSkin = getCurrentSkin();
var stories = new Zuck('stories', {
backNative: true,
previousTap: true,
skin: currentSkin['name'],
autoFullScreen: currentSkin['params']['autoFullScreen'],
avatars: currentSkin['params']['avatars'],
paginationArrows: currentSkin['params']['paginationArrows'],
list: currentSkin['params']['list'],
cubeEffect: currentSkin['params']['cubeEffect'],
localStorage: true,
stories: [
Zuck.buildTimelineItem(
"ramon",
"https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/users/1.jpg",
"Ramon",
"https://ramon.codes",
timestamp(),
[
["ramon-1", "photo", 3, "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/1.jpg", "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/1.jpg", '', false, false, timestamp()],
["ramon-2", "video", 0, "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/2.mp4", "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/2.jpg", '', false, false, timestamp()],
["ramon-3", "photo", 3, "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/3.png", "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/3.png", 'https://ramon.codes', 'Visit my Portfolio', false, timestamp()]
]
),
Zuck.buildTimelineItem(
"gorillaz",
"https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/users/2.jpg",
"Gorillaz",
"",
timestamp(),
[
["gorillaz-1", "video", 0, "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/4.mp4", "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/4.jpg", '', false, false, timestamp()],
["gorillaz-2", "photo", 3, "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/5.jpg", "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/5.jpg", '', false, false, timestamp()],
]
),
Zuck.buildTimelineItem(
"ladygaga",
"https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/users/3.jpg",
"Lady Gaga",
"",
timestamp(),
[
["ladygaga-1", "photo", 5, "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/6.jpg", "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/6.jpg", '', false, false, timestamp()],
["ladygaga-2", "photo", 3, "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/7.jpg", "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/7.jpg", 'http://ladygaga.com', false, false, timestamp()],
]
),
Zuck.buildTimelineItem(
"starboy",
"https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/users/4.jpg",
"The Weeknd",
"",
timestamp(),
[
["starboy-1", "photo", 5, "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/8.jpg", "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/8.jpg", '', false, false, timestamp()]
]
),
Zuck.buildTimelineItem(
"riversquomo",
"https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/users/5.jpg",
"Rivers Cuomo",
"",
timestamp(),
[
["riverscuomo", "photo", 10, "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/9.jpg", "https://raw.githubusercontent.com/ramon82/assets/master/zuck.js/stories/9.jpg", '', false, false, timestamp()]
]
)
]
});
</script>