Jquery Slider Veyton 4.13

[bornafreak23]

Hallo,

ich versuche jetzt schon seit Stunden den Easyslider in meinem Shop SupTech - Your professionell Fitness Onlinestore ein zu binden, hab auch alles richtig gemacht, aber die BIlder erscheinen immer noch untereinander und kein Fade Effekt.

Jetzt habe ich das von Awkward Showcase - Demo #1 schon probiert, ebenfalls ohne Erfolg.

Wer kann mit mir bitte Helfen, es soll ähnlich wie bei

BSN - The World Leader In Cutting Edge Physique And Performance Products
bzw.
fitpoint24.de

aussehen am Ende, das ich mhere Bilder mit Links zu den Produkten hinterlegt auf der STartseite anzeige.

Bitte helft mir!


MfG

Alex

[stwinger]

Vielleicht einfach mal den von Dir gebastelten Quellcode posten und mal etwas genauer beschreiben wie und was du genau gemacht hast.

[bornafreak23]

Also

in die js.php unter templates/xt_suptech/javascript/js.php

hab ich unter den bereits vorhandenen Code

<script type="text/javascript" src="<?php echo _SYSTEM_BASE_URL . _SRV_WEB; ?>xtFramework/library/jquery/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="<?php echo _SYSTEM_BASE_URL . _SRV_WEB; ?>xtFramework/library/jquery/thickbox-compressed.js"></script>

<script type="text/javascript" src="<?php echo _SYSTEM_BASE_URL . _SRV_WEB; ?>xtFramework/library/jquery/easySlider1.7"></script>
<script type="text/javascript" >
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
numeric: true
});
});
</script>

letzeres habe ich auch schon in der default.html mit literal tags versucht.

meine default.html sieht folgendermaßen aus und hab zum testen erstmal die bilderlinks aus easyslider 1.7 so gelassen um zu schauen ob es geht.



<div id="slider">

<ul>
<li><a href="http://templatica.com/preview/30"><img src="http://cssglobe.com/lab/easyslider1.7/images/01.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/7"><img src="http://cssglobe.com/lab/easyslider1.7/images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/25"><img src="http://cssglobe.com/lab/easyslider1.7/images/03.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/26"><img src="http://cssglobe.com/lab/easyslider1.7/images/04.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/27"><img src="http://cssglobe.com/lab/easyslider1.7/images/05.jpg" alt="Css Template Preview" /></a></li>
</ul>
</div>

<h1>{$title}</h1>
<p>{$text}</p>

{page name=xt_special_products type=user order_by='p.date_available' tpl_type='product_listing'}
{page name=xt_startpage_products type=user order_by='p.products_sort' tpl_type='product_listing'}
{page name=xt_upcoming_products type=user order_by='p.date_available' tpl_type='product_listing'}


und den css code in meine stylesheet.css ans ende eingefügt

#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:696px;
height:241px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
z-index:1000;
}
#nextBtn, #slider1next{
left:696px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(../images/btn_next.gif) no-repeat 0 0;
}

/* numeric controls */

ol#controls{
margin:1em 0;
padding:0;
height:28px;
}
ol#controls li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}



jedoch erscheinen die bilder immer untereinander und das script funktioniert aus irgendwelchen gründen nicht. Das Problem hab ich bei jedem Jquery Slider Script.

[stwinger]

könnte es sein das hier was fehlt ?

<script type="text/javascript" src="<?php echo _SYSTEM_BASE_URL .  _SRV_WEB;  ?>xtFramework/library/jquery/easySlider1.7"></script>

sollte doch eher so aussehen:

<script type="text/javascript" src="<?php echo _SYSTEM_BASE_URL .  _SRV_WEB;  ?>xtFramework/library/jquery/easySlider1.7.js"></script>

mal fürs erste ... prüfen ob das script überhaubt geladen wird... !

[bornafreak23]

ne daran liegts nicht, hab ich im shop richtig drin. ....js hab ich nru hier vergessen, woran erkenne ich ob das script geladen wird???

[stwinger]

Zitat von bornafreak23

ne daran liegts nicht, hab ich im shop richtig drin. ....js hab ich nru hier vergessen, woran erkenne ich ob das script geladen wird???

sende mir mal die Shop URL als PN bitte dann gucke ich da mal drauf

[Fry]

Zitat von bornafreak23

... in meinem Shop SupTech - Your professionell Fitness Onlinestore ...

Kukkst du

[dragon_0000]

Zitat von bornafreak23

ne daran liegts nicht, hab ich im shop richtig drin. ....js hab ich nru hier vergessen, woran erkenne ich ob das script geladen wird???

Hei,

Bornafreak hat die Jquery Slideshow schon bei dir geklappt?
(verfolge den Thread nämlich Spannung)

Gruß

[bornafreak23]

nein leider nicht, alles richtig eingefügt und an die richtigen stellen, sowie richtig hochgeladen aber es funktioniert nicht, hab jetzt eine alternative.


die sieht bei mir folgendermaßen aus, funktioniert ähnlich wie der slider aber leider ohne flüssigen übergang

{literal}
<script language="JavaScript">
<!--
var aktlupe = "http://suptech.de/index.php?page=manufacturers&mnf=19"
var i = 1
images = new Array
alts = new Array
links = new Array
images[1] = "http://suptech.de/templates/xt_suptech/img/index/efx.jpg"
alts[1] = "EFX"
links[1] = "http://suptech.de/index.php?page=manufacturers&mnf=19"
images[2] = "http://suptech.de/templates/xt_suptech/img/index/bsn.jpg"
alts[2] = "BSN"
links[2] = "http://suptech.de/index.php?page=manufacturers&mnf=9"
images[3] = "http://suptech.de/templates/xt_suptech/img/index/bodyattack.jpg"
alts[3] = "BodyAttack"
links[3] = "http://suptech.de/index.php?page=manufacturers&mnf=18"
images[4] = "http://suptech.de/templates/xt_suptech/img/index/weider1.jpg"
alts[4] = "Weider"
links[4] = "http://suptech.de/index.php?page=manufacturers&mnf=5"
images[5] = "http://suptech.de/templates/xt_suptech/img/index/olimp.jpg"
alts[5] = "Olimp"
links[5] = "http://suptech.de/index.php?page=manufacturers&mnf=14"
images[6] = "http://suptech.de/templates/xt_suptech/img/index/weider2.jpg"
alts[6] = "Weider"
links[6] = "http://suptech.de/index.php?page=manufacturers&mnf=5"
images[7] = "http://suptech.de/templates/xt_suptech/img/index/gaspari.jpg"
alts[7] = "Gaspari Nutrition"
links[7] = "http://suptech.de/index.php?page=manufacturers&mnf=10"
function zeig_bildlupe(){
self.location.href = aktlupe;
}
function gallery(){
if (i == 1){
document.gallery.previous.value=""
}
}
function nextimg(){
if (i != 7) {
i ++
document.gallery.previous.value="< Vorheriges"
image = images[i]
document.img.src = image
aktlupe = links[i]
document.img.alt = alts[i]}
if (i ==7){
document.gallery.next.value="";
}
}
function pickrand(){
var imagenumber = 7 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;
var randimage = images[rand1]
document.img.src = randimage
i = rand1
window.setTimeout('pickrand()', 4000);
if (i == 1){
document.gallery.previous.value="";
}
}
function stoperror(){
return true
}
window.onerror=stoperror
// -->
</script>
{/literal}

<img name="img" alt="EFX" src="http://suptech.de/templates/xt_suptech/img/index/efx.jpg" style="cursor: pointer;" onClick="zeig_bildlupe();" border="0" hspace="0" vspace="0" width="791">

[mediadaler]

Guten Morgen, wenn ich mir deinen Shop anschaue sehe ich das du das Problem gelöst hast. Kannst du bitte die Lösung mal posten, oder eben wo dein Fehler lag? Ich bin auch schom rumbasteln. Danke