added js function loadUrlPic()

This commit is contained in:
messerbill 2013-05-16 01:08:30 +02:00
parent caca56281b
commit af4e20fe96
3 changed files with 22 additions and 6 deletions

View File

@ -30,7 +30,7 @@
<a class="brand" href="" url="?action=default_page">${danube_menu_home}</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="#" url="?action=prices">${danube_menu_prices}</a></li>
<li><a href="#" url="?action=prices" url_pic="danube/page/default_page/pics/photos/bar_front2.png">${danube_menu_prices}</a></li>
<li><a href="#" url="?action=contact">${danube_menu_contact}</a></li> </ul>
</div><!--/.nav-collapse -->
@ -44,12 +44,11 @@
</div>
<div id="myCarousel" class="carousel slide" style="background: black; width: 916px; padding: 0; margin: 0; margin-left: auto; margin-right: auto; border-bottom: 0px solid black;">
<div class="carousel-inner">
<div id="pic">
${danube_page_headpic_home}
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="right carousel-control" href="#" url="?action=prices" data-slide="next">&rsaquo;</a>
<a class="right carousel-control" href="#" url="?action=prices" url_pic)data-slide="next">&rsaquo;</a>
</div>
</div>

View File

@ -18,5 +18,6 @@ class default_page extends SYSTEM\PAGE\Page {
$vars = array_merge($vars, SYSTEM\locale::getStrings(\SYSTEM\DBD\locale_string::VALUE_CATEGORY_DASENSE));
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_page/danube.tpl'), $vars);
}
}

View File

@ -1,8 +1,9 @@
/* jQuery on document ready */
$(document).ready(function() {
// handle navigation link click
$('#danube_menu ul li a, #danube_menu .dropdown-menu li a').click(function () {
$('#danube_menu ul li a, #danube_menu .dropdown-menu li a, #myCarousel a').click(function () {
loadAjaxContent($(this).attr('url'));
loadUrlPic($(this).attr('url'));
});
});
@ -20,4 +21,19 @@ function loadAjaxContent(url) {
site_content_is_visible = true;
}});
});
}
function loadUrlPic(url_pic) {
var dataTmp;
$.get(url_pic, function (data) {
dataTmp = data;
bodyelem = $("html,body");
bodyelem.animate();
}).complete(function() {
$('.carousel-inner').slideUp({duration: 'slow',
complete: function(){
$('#pic').html(dataTmp);
$('.carousel-inner').slideDown('slow');
site_content_is_visible = true;
}});
});
}