| 111 |
lars |
1 |
<!-- $Id: turnaround.tpl 2401 2022-10-07 09:59:46Z tiefland $ BEGIN -->
|
|
|
2 |
|
|
|
3 |
<style>
|
|
|
4 |
.products {
|
|
|
5 |
width:100%;
|
|
|
6 |
display:flex;
|
|
|
7 |
margin:5% 0;
|
|
|
8 |
}
|
|
|
9 |
.content_turnaround {
|
|
|
10 |
width:50%;
|
|
|
11 |
overflow:hidden;
|
|
|
12 |
text-align:center;
|
|
|
13 |
padding-top: 6%;
|
|
|
14 |
padding-left: 2%;
|
|
|
15 |
padding-right: 2%;
|
|
|
16 |
}
|
|
|
17 |
.content_turnaround h3,h4 {
|
|
|
18 |
|
|
|
19 |
text-align:left!important;
|
|
|
20 |
}
|
|
|
21 |
@media screen and (max-width:800px) {
|
|
|
22 |
.content_turnaround h3,h4 {
|
|
|
23 |
padding-left:5%!important;
|
|
|
24 |
}
|
|
|
25 |
}
|
|
|
26 |
.content_turnaround h3 {
|
|
|
27 |
font-size:2.1em;
|
|
|
28 |
padding:1% 0;
|
|
|
29 |
}
|
|
|
30 |
.video {
|
|
|
31 |
text-align:center;
|
|
|
32 |
width:50%;
|
|
|
33 |
}
|
|
|
34 |
.video img {
|
|
|
35 |
padding:2%;
|
|
|
36 |
}
|
|
|
37 |
#wcpulver {
|
|
|
38 |
margin-top:13%;
|
|
|
39 |
}
|
|
|
40 |
|
|
|
41 |
@media screen and (max-width:800px) {
|
|
|
42 |
.products {
|
|
|
43 |
flex-direction: column;
|
|
|
44 |
text-align: center;
|
|
|
45 |
justify-content: center;
|
|
|
46 |
align-items: center;
|
|
|
47 |
}
|
|
|
48 |
.content_turnaround {
|
|
|
49 |
width:100%;
|
|
|
50 |
}
|
|
|
51 |
.video {
|
|
|
52 |
width:100%;
|
|
|
53 |
}
|
|
|
54 |
}
|
|
|
55 |
|
|
|
56 |
</style>
|
|
|
57 |
<script type="text/javascript">
|
|
|
58 |
// hide URL field on the iPhone/iPod touch
|
|
|
59 |
function hideUrlBar() {
|
|
|
60 |
}
|
|
|
61 |
|
|
|
62 |
$(document).ready(function() {
|
|
|
63 |
let w = $('#wcpulver').width();
|
|
|
64 |
let f = 1.666666667;
|
|
|
65 |
let h = w/f;
|
|
|
66 |
$('#wcpulver').height(h);
|
|
|
67 |
});
|
|
|
68 |
|
|
|
69 |
</script>
|
|
|
70 |
|
|
|
71 |
{* <script type="text/javascript" src="/images/turnaround_photo/object2vr_player.js"></script>
|
|
|
72 |
<script type="text/javascript" src="/images/turnaround_photo/skin.js"></script>*}
|
|
|
73 |
<div class="products">
|
|
|
74 |
<div class="content_turnaround">
|
|
|
75 |
<h3 style="color: #a9222e;">Unser Bestseller</h3>
|
|
|
76 |
<h4>Mit Kalt-Wasser-Formel</h4>
|
|
|
77 |
<p><a href="/perlglanz-wc-pulver-set.html"><img src="/images/webelemente/eimer_komplett.png"></a></p>
|
|
|
78 |
</div>
|
|
|
79 |
<div class="video">
|
|
|
80 |
<img src="/images/webelemente/wc_pulver_video_top.png">
|
|
|
81 |
<iframe id="wcpulver" width="100%" src="https://www.youtube.com/embed/cSdhlC_hyww" title="Original Perlglanz WC-Pulver mit Frische-Duft "Meeresbrise"" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
|
82 |
</div>
|
|
|
83 |
{*
|
|
|
84 |
<script type="text/javascript">
|
|
|
85 |
|
|
|
86 |
// create the object player with the container
|
|
|
87 |
obj=new object2vrPlayer("container_turnaround");
|
|
|
88 |
// add the skin object
|
|
|
89 |
skin=new object2vrSkin(obj);
|
|
|
90 |
// load the configuration
|
|
|
91 |
str='<?xml version="1.0" encoding="UTF-8"?>';
|
|
|
92 |
str+='<vrobject>';
|
|
|
93 |
str+=' <input states="1" windowheight="1200" width="1800" imagepath="images/turnaround_photo/images" preview="4" windowwidth="1200" height="1800" preload="1" columns="24" rows="1" fileextension="jpg"/>';
|
|
|
94 |
str+=' <control simulatemass="1" lockedmouse="0" swapxy="0" lockedkeyboard="0" dblclickfullscreen="0" revx="0" invertwheel="0" revy="0" wrapx="1" wrapy="0" trapwheel="1" automovemode="1" lockedwheel="0" speedwheel="1.000" controller="1" sensitivity="10"/>';
|
|
|
95 |
str+=' <view>';
|
|
|
96 |
str+=' <start row="0" column="0" state="0"/>';
|
|
|
97 |
str+=' <zoom default="1.000" centerx="0.00000" centery="0.00000" min="1" max="1.500"/>';
|
|
|
98 |
str+=' <viewer imagescaling="1" backgroundcolor="0xffffff" background="1"/>';
|
|
|
99 |
str+=' </view>';
|
|
|
100 |
str+=' <autorotate speed="0.200" onlyonce="0" delay="5.00" start="1"/>';
|
|
|
101 |
str+=' <userdata title="" datetime="" description="Produktion:" copyright="www.perlglanz.de" author="www.turnaround.photo" source="" comment="" info=""/>';
|
|
|
102 |
str+=' <qthotspots enabled="0" reuse="8">';
|
|
|
103 |
str+=' <label width="180" backgroundalpha="1.000" enabled="0" height="20" backgroundcolor="0xffffff" bordercolor="0x000000" border="1" textcolor="0x000000" background="1" borderalpha="1.000" borderradius="1" wordwrap="1" textalpha="1.000"/>';
|
|
|
104 |
str+=' </qthotspots>';
|
|
|
105 |
str+=' <hotspots>';
|
|
|
106 |
str+=' <label width="180" backgroundalpha="1.000" enabled="0" height="20" backgroundcolor="0xffffff" bordercolor="0x000000" border="1" textcolor="0x000000" background="1" borderalpha="1.000" borderradius="1" wordwrap="1" textalpha="1.000"/>';
|
|
|
107 |
str+=' <polystyle mode="0" backgroundalpha="0.251" backgroundcolor="0x0000ff" bordercolor="0x0000ff" borderalpha="1.000"/>';
|
|
|
108 |
str+=' </hotspots>';
|
|
|
109 |
str+='</vrobject>';
|
|
|
110 |
str+='';
|
|
|
111 |
obj.readConfigString(str);
|
|
|
112 |
// hide the URL bar on the iPhone
|
|
|
113 |
setTimeout(function() { hideUrlBar(); }, 10);
|
|
|
114 |
</script>
|
|
|
115 |
<noscript>
|
|
|
116 |
<p><b>Please enable Javascript!</b></p>
|
|
|
117 |
</noscript>
|
|
|
118 |
*}
|
|
|
119 |
</div>
|
|
|
120 |
|
|
|
121 |
<!-- $Id: turnaround.tpl 2401 2022-10-07 09:59:46Z tiefland $ END -->
|