SAP Fiori Open UI5 Carousel Örneği

Paylaş.

 

<html>
<head>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge” />
<meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8/”>

<script src=”https://sapui5.hana.ondemand.com/resources/sap-ui-core.js”
id=”sap-ui-bootstrap”
data-sap-ui-libs=”sap.m,sap.ui.layout,sap.ui.commons”
data-sap-ui-theme=”sap_bluecrystal”
type=”text/javascript”>
</script>

</head>
<body class=”sapUiBody”>

<div id=”carousel”></div>
</body>
</html>

<script>
//Create the Carousel control

var oCarousel = new sap.m.Carousel(“Haberler” , {
loop : true ,
pages: [
new sap.m.Image({
src: “http://cdn.jssor.com/demos/img/1920/blue.jpg”,
width : “740px” ,
press : function()
{
window.open(“http://www.karadere.com?hid=0000000294”);
}//function
}),
new sap.m.Image({
src: “http://cdn.jssor.com/demos/img/1920/red.jpg”,
width : “740px” ,
press : function()
{
window.open(“http://www.karadere.com?hid=0000000294”);
}//function
}),
new sap.m.Image({
src: “http://cdn.jssor.com/demos/img/1920/red.jpg”,
width : “740px” ,
press : function()
{
window.open(“http://www.karadere.com?hid=0000000293”);
}//function
}),
new sap.m.Image({
src: “http://cdn.jssor.com/demos/img/1920/blue.jpg”,
width : “740px” ,
press : function()
{
window.open(“http://www.karadere.com?hid=0000000292”);
}//function
}),
new sap.m.Image({
src: “http://cdn.jssor.com/demos/img/1920/purple.jpg”,
width : “740px” ,
press : function()
{
window.open(“http://www.karadere.com?hid=0000000238”);
}//function
}),
],
pageChanged: function() {
setTimeout(function() { oCarousel.next(); }, 4000);
}
});
oCarousel.setWidth(“100%”);
oCarousel.setHeight(“275px”);
oCarousel.placeAt(“carousel”);

setTimeout(function() { oCarousel.next(); }, 4000);

</script>

 

 

 

 

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)