codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta property="og:title" content="Officine Modelli"/>
<meta property="og:type" content="example:shoes"/>
<meta property="og:url" content="http://www.officinemodelli.com"/>
<meta property="og:site_name" content="Officine Modelli"/>
<meta property="og:description" content=""/>
<title>OFFICINE MODELLI</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style_effetto.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.aw-showcase.js"></script>
<script type="text/javascript" src="js/script_js.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" charset="utf-8">
window.addEvent('domready', function() {
// var declaring
menuItems = $$('#menu li');
menuRelatedItems = $$('#menu li');
var menuButtonSelected;
menuItems.each(function(item){
// span effects creation
var span = new Element('span', { text: item.get('text') });
item.set('text', '').grab(span, 'bottom').grab(span.clone().set('class', 'over'), 'bottom');
item.getFirst().set('tween', { duration: 300, transition: Fx.Transitions.Expo.easeInOut });
// roll over/out/click
item.addEvents({
'mouseenter': function(){
if( this!=menuButtonSelected )
this.getElement('span').tween("margin-top",-16);
},
'mouseleave': function(){
if( this!=menuButtonSelected )
this.getElement('span').tween("margin-top",0);
},
});
});
});
</script>
<script type="text/javascript">
var addthis_config = {"data_track_clickback":true};
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-11382876-8']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
var ciclo = 1;
var dvs = 1;
function loadXMLDoc(contenitore, url){
var xmlhttp;
if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(contenitore).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET", url ,true);
xmlhttp.send();
}
function facebook_share(contenitore, url){
var xmlhttp;
if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById(contenitore).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET", url ,true);
xmlhttp.send();
}
</script>
<script type="text/javascript">
$(document).ready(function()
{
$("#showcase_1").awShowcase(
{
content_width: 700,
content_height: 400,
fit_to_parent: false,
auto: false,
interval: 3000,
continuous: false,
loading: true,
tooltip_width: 200,
tooltip_icon_width: 32,
tooltip_icon_height: 32,
tooltip_offsetx: 18,
tooltip_offsety: 0,
arrows: false,
buttons: true,
btn_numbers: true,
keybord_keys: true,
mousetrace: false, /* Trace x and y coordinates for the mouse */
pauseonover: true,
stoponclick: false,
transition: 'fade', /* hslide/vslide/fade */
transition_delay: 0,
transition_speed: 500,
show_caption: 'onload', /* onload/onhover/show */
thumbnails: false,
thumbnails_position: 'outside-last', /* outside-last/outside-first/inside-last/inside-first */
thumbnails_direction: 'vertical', /* vertical/horizontal */
thumbnails_slidex: 1, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
dynamic_height: false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
speed_change: true, /* Set to true to prevent users from swithing more then one slide at once. */
viewline: false, /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
custom_function: null /* Define a custom function that runs on content change */
});
$("#showcase_2").awShowcase(
{
content_width: 700,
content_height: 320,
fit_to_parent: false,
auto: false,
interval: 3000,
continuous: false,
loading: true,
tooltip_width: 200,
tooltip_icon_width: 32,
tooltip_icon_height: 32,
tooltip_offsetx: 18,
tooltip_offsety: 0,
arrows: false,
buttons: true,
btn_numbers: true,
keybord_keys: true,
mousetrace: false, /* Trace x and y coordinates for the mouse */
pauseonover: true,
stoponclick: false,
transition: 'fade', /* hslide/vslide/fade */
transition_delay: 0,
transition_speed: 500,
show_caption: 'onload', /* onload/onhover/show */
thumbnails: false,
thumbnails_position: 'outside-last', /* outside-last/outside-first/inside-last/inside-first */
thumbnails_direction: 'vertical', /* vertical/horizontal */
thumbnails_slidex: 1, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
dynamic_height: false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
speed_change: true, /* Set to true to prevent users from swithing more then one slide at once. */
viewline: false, /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
custom_function: null /* Define a custom function that runs on content change */
});
$("#showcase_3").awShowcase(
{
content_width: 700,
content_height: 320,
fit_to_parent: false,
auto: false,
interval: 3000,
continuous: false,
loading: true,
tooltip_width: 200,
tooltip_icon_width: 32,
tooltip_icon_height: 32,
tooltip_offsetx: 18,
tooltip_offsety: 0,
arrows: false,
buttons: true,
btn_numbers: true,
keybord_keys: true,
mousetrace: false, /* Trace x and y coordinates for the mouse */
pauseonover: true,
stoponclick: false,
transition: 'fade', /* hslide/vslide/fade */
transition_delay: 0,
transition_speed: 500,
show_caption: 'onload', /* onload/onhover/show */
thumbnails: false,
thumbnails_position: 'outside-last', /* outside-last/outside-first/inside-last/inside-first */
thumbnails_direction: 'vertical', /* vertical/horizontal */
thumbnails_slidex: 1, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
dynamic_height: false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
speed_change: true, /* Set to true to prevent users from swithing more then one slide at once. */
viewline: false, /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
custom_function: null /* Define a custom function that runs on content change */
});
});
</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</head>
<body>
<div id="menu2" class="showcase-load">
<ul>
<li id="menu2_chisiamo" style="cursor:pointer;"><font color="#999999" face="Century Gothic">CHI
SIAMO </font>
<li id="menu2_news" style="cursor:pointer;"><font color="#999999" face="Century Gothic">NEWS</font>
<li id="menu2_collezioni" style="cursor:pointer;"><font color="#999999" face="Century Gothic">COLLEZIONI</font>
<li id="menu2_contatti" style="cursor:pointer;"><font color="#999999" face="Century Gothic">CONTATTI</font>
<li id="menu2_puntiv" style="cursor:pointer;"><font color="#999999" face="Century Gothic">PUNTI
VENDITA</font>
<li id="menu2_surf" style="cursor:pointer;"><font color="#999999" face="Century Gothic">AREA
RISERVATA</font>[*]<font color="#999999">En</font>[/list]
</div>
<div id="chisiamo_esterno">
<div id="chisiamo"></div>
</div>
<div id="scroll_1" onmouseout="scroll_out_1();"></div>
<div id="news_esterno">
<div id="news"></div>
</div>
<div id="scroll_2" onmouseout="scroll_out_2();"></div>
<div id="scroll_3" onmouseout="scroll_out_3();"></div>
<div id="collezioni_esterno">
<div id="collezioni"></div>
</div>
<div id="scroll_4" onmouseout="scroll_out_4();"></div>
<div id="scroll_5" onmouseout="scroll_out_5();"></div>
<div id="pv_esterno">
<div id="pv"></div>
</div>
<div id="scroll_6" onmouseout="scroll_out_6();"></div>
<div id="scroll_7" onmouseout="scroll_out_7();"></div>
<div id="contatti_esterno">
<div id="contatti"></div>
</div>
</body>
</html>
Rispondi quotando