Antwort #10 am: 22. Oktober 2009, 06:34:04
@toby
ich habe das mal auf die schnelle probiert.kann man sicherlich anders machen aber ist nur ein ansatz, da es sich mit der thickbox nicht verträgt.
die datei jquery.tabSlideOut.v1.3.js und die jquery-1.3.1.min.js in dein javascript verzeichnis. Die jquery-1.3.1.min.js musst du dir noch runterladen.dann in in die general.js folgendes einfügen<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.tabSlideOut.v1.3.js" type="text/javascript"></script>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery-1.3.1.min.js" type="text/javascript"></script>
<script type="text/javascript"><!--
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: 'Template/deintemplate/images/contact_tab.gif', //path to the image for the tab //Optionally can be set using css
imageHeight: '122px', //height of tab image //Optionally can be set using css
imageWidth: '40px', //width of tab image //Optionally can be set using css
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
topPos: '200px', //position from the top/ use if tabLocation is left or right
leftPos: '20px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});
});
</script>
das in deine css datei:.slide-out-div {
padding: 20px;
width: 250px;
background: #ccc;
border: #29216d 1px solid;
}
und das wo du es hinhaben willst. z.b index.html, product_info.html <div class="slide-out-div">
<a class="handle" href="http://link-for-non-js-users.html">Content</a>
<h3>Contact me</h3>
<p>Thanks for checking out my jQuery plugin, I hope you find this useful.
</p>
<p>This can be a form to submit feedback, or contact info</p>
</div>
grüße
xeron