<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]
Eyl 23 2016
SAP Fiori Open UI5 Carousel Örneği
By Burhan KARADERE • 2015 - 2016 • 0 • Tags: Carousel, fiori, SAP, SAP UI5, slider, UI, ui5, Uygulamaı