• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem bei slideshow

F

FabianSulden

Neues Mitglied
Hallo an alle,

ich habe im Internet nach einer Slideshow gesucht die Bild und Text beinhaltet.
Habe auch das passende gefunden. Habe es für meinen gebrauch eingestellt. Funktioniert fast alles. Jetzt wollte ich noch den text verlinken, aber da zeigt mir Dreamweaver immer Syntaxfehler an. Kann mir da jemand helfen????????????
Unter dem Text findet ihr slideshow Script, script im Head bereich und Java Script Datei. Software Dreamweaver CS6

HTML: 
<p>
                    <script type="text/javascript">

var flashyshow=new flashyslideshow({ //create instance of slideshow
    wrapperid: "myslideshow", //unique ID for this slideshow
    wrapperclass: "bold_red", //desired CSS class for this slideshow
    imagearray: [
        ["img/angebote/ortler3.jpg", "angebote.html", "_new", "Ortlerwoche  22.06.13 - 29.06.13 7 Tage HP + Wochenangebot (weiterlesen...)"],
        ["img/angebote/1-messner.jpg", "angebote.html", "_new", "Messner  Mountain Woche 27.07.13 - 03.08.13 7 Tage HP + Wochenangebot  (weiterlesen...)"],
        ["img/angebote/winter.jpg", "angebote.html", "_new", "Skistartwoche  26.10.13 - 30.11.13 7 Tage HP und 6 Tage Skipass (weiterlesen...)"],
        ["img/angebote/advent.jpg", "angebote.html", "_new", "Adventswoche  30.11.13 - 21.12.13 7 Tage HP und 6 Tage Skipass(weiterlesen...)"]
    ],
    pause: 4000, //pause between content change (millisec)
    transduration: 1000 //duration of transition (affects only IE users)
})

                              </script>
                  </p>


im head bereich:

Code: 
<style type="text/css">

.gamma{ /*sample CSS class added to image slideshow container*/
width: 300px; /*a width should be defined for transition to work*/
border: 5px solid white;
padding: 5px;
}

.flashclass img{
border-width: 0;
}

</style>

<script type="text/javascript" src="js/transitionshow.js">

/***********************************************
* Random Transitions Slideshow- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at JavaScript Kit- Your comprehensive JavaScript, DHTML, CSS, and Ajax stop for full source code
***********************************************/

</script>


Js datei:


Code: 
// JavaScript Document//Random Transitions Slideshow- By JavaScript Kit ([URL="http://www.javascriptkit.com"]JavaScript Kit- Your comprehensive JavaScript, DHTML, CSS, and Ajax stop[/URL])
//Created: Nov 3rd, 2008

var global_transitions=[ //array of IE transition strings
    "progid:DXImageTransform.Microsoft.Barn()",
    "progid:DXImageTransform.Microsoft.Blinds()",
    "progid:DXImageTransform.Microsoft.CheckerBoard()"  ,
    "progid:DXImageTransform.Microsoft.Fade()",
    "progid:DXImageTransform.Microsoft.GradientWipe()"  ,
    "progid:DXImageTransform.Microsoft.Inset()",
    "progid:DXImageTransform.Microsoft.Iris()",
    "progid:DXImageTransform.Microsoft.Pixelate(maxSqu  are=15)",
    "progid:DXImageTransform.Microsoft.RadialWipe(  )",
    "progid:DXImageTransform.Microsoft.RandomBars(  )",
    "progid:DXImageTransform.Microsoft.RandomDissolve(  )",
    "progid:DXImageTransform.Microsoft.Slide()",
    "progid:DXImageTransform.Microsoft.Spiral()",
    "progid:DXImageTransform.Microsoft.Stretch()",
    "progid:DXImageTransform.Microsoft.Strips()",
    "progid:DXImageTransform.Microsoft.Wheel()",
    "progid:DXImageTransform.Microsoft.Zigzag()"
]

function flashyslideshow(setting){
    this.wrapperid=setting.wrapperid
    this.imagearray=setting.imagearray
    this.pause=setting.pause
    this.transduration=setting.transduration/1000 //convert from miliseconds to seconds unit to pass into el.filters.play()
    this.currentimg=0
    var preloadimages=[] //temp array to preload images
    for (var i=0; i<this.imagearray.length; i++){
        preloadimages[i]=new Image()
        preloadimages[i].src=this.imagearray[i][0]
    }
    document.write('<div id="'+this.wrapperid+'"  class="'+setting.wrapperclass+'"><div  id="'+this.wrapperid+'_inner"  style="width:100%">'+this.getSlideHTML(this.curren   timg)+'</div></div>')
    var effectindex=Math.floor(Math.random()*global_transi  tions.length) //randomly pick a transition to utilize
    var contentdiv=document.getElementById(this.wrapperid+  "_inner")
    if (contentdiv.filters){ //if the filters[] collection is defined on element (only in IE)
        contentdiv.style.filter=global_transitions[effectindex] //define transition on element
        this.pause+=setting.transduration //add transition time to pause
    }
    this.filtersupport=(contentdiv.filters &&  contentdiv.filters.length>0)? true : false //test if element supports  transitions and has one defined
    var slideshow=this
    flashyslideshow.addEvent(contentdiv, function(){slideshow.isMouseover=1}, "mouseover")
    flashyslideshow.addEvent(contentdiv, function(){slideshow.isMouseover=0}, "mouseout")
    setInterval(function(){slideshow.rotate()}, this.pause)
}

flashyslideshow.addEvent=function(target, functionref, tasktype){
    if (target.addEventListener)
        target.addEventListener(tasktype, functionref, false);
    else if (target.attachEvent)
        target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)});
},

flashyslideshow.setopacity=function(el, degree){ //sets opacity of an element (FF and non IE browsers only)
    if (typeof el.style.opacity!="undefined")
        el.style.opacity=degree
    else
        el.style.MozOpacity=degree
    el.currentopacity=degree
},

flashyslideshow.prototype.getSlideHTML=function(in  dex){
    var slideHTML=(this.imagearray[index][1])? '<a  href="'+this.imagearray[index][1]+'"  target="'+this.imagearray[index][2]+'">\n' : '' //hyperlink slide?
    slideHTML+='<img src="'+this.imagearray[index][0]+'" />'
    slideHTML+=(this.imagearray[index][1])? '</a><br />' : '<br />'
    slideHTML+=(this.imagearray[index][3])? this.imagearray[index][3] : '' //text description?
    return slideHTML //return HTML for the slide at the specified index
}

flashyslideshow.prototype.rotate=function(){
    var contentdiv=document.getElementById(this.wrapperid+  "_inner")
    if (this.isMouseover){ //if mouse is over slideshow
        return
    }
    this.currentimg=(this.currentimg<this.imagearray.l  ength-1)? this.currentimg+1 : 0
    if (this.filtersupport){
        contentdiv.filters[0].apply()
    }
    else{
        flashyslideshow.setopacity(contentdiv, 0)
    }
    contentdiv.innerHTML=this.getSlideHTML(this.curren  timg)
    if (this.filtersupport){
        contentdiv.filters[0].play(this.transduration)
    }
    else{
        contentdiv.fadetimer=setInterval(function(){
            if (contentdiv.currentopacity<1)
                flashyslideshow.setopacity(contentdiv, contentdiv.currentopacity+0.1)
            else
                clearInterval(contentdiv.fadetimer)
        }, 50) //end setInterval
    }
}


///Sample call on your page
/*
var flashyshow=new flashyslideshow({ //create instance of slideshow
    wrapperid: "myslideshow", //unique ID for this slideshow
    wrapperclass: "flashclass", //desired CSS class for this slideshow
    imagearray: [
        ["summer.jpg", "http://en.wikipedia.org/wiki/Summer", "_new", "Such a nice Summer getaway."],
        ["winter.jpg", "http://en.wikipedia.org/wiki/Winter", "", "Winter is nice, as long as there's snow right?"],
        ["spring.jpg", "", "", "Flowers spring back to life in Spring."],
        ["autumn.jpg", "", "", "Ah the cool breeze of autumn."]
    ],
    pause: 2000, //pause between slides (milliseconds)
    transduration: 1000 //transition duration (milliseconds)
})
*/
 
Dreamweaver meldet doch sicher nicht nur "Syntaxfehler" sondern auch die betroffene Zeile? Oder irgendeine weitere Info dazu?
Was sagt ein von dir verwendeter Browser beim Aufruf der Seite, denn der ist eigentlich relevant, Dreamweaver würde ich bei so etwas nicht 100%ig vertrauen?
 
Wenn ich es so wie aufgeführt mache, meldet er syntaxfehler in Zeile 223. Code Hinweise funktionieren erst, nachdem dieser Fehler behoben wurde.
Wie soll ich den Text sonst nen Link zuweisen?


Code: 
imagearray: [
        ["img/angebote/ortler3.jpg", "angebote.html", "_new", "Ortlerwoche 22.06.13 - 29.06.13 7 Tage HP + Wochenangebot (weiterlesen...)"<a href=angebote.html],
 
Den von dir in Beitrag #3 genannten Quellcode kann ich an keiner Stelle in Beitrag #1 entdecken?!

Falls es dir darum geht "weiterlesen" zu verlinken, würde ich spontan zu folgendem raten:
Code: 
        ["img/angebote/ortler3.jpg", "angebote.html", "_new", "Ortlerwoche 22.06.13 - 29.06.13 7 Tage HP + Wochenangebot (<a href='linkziel.html'>weiterlesen...</a>)"],

Man beachte die einfachen und doppelten Anführungszeichen.

Ob das aber in Zusammenhang mit deinem Script hier funktioniert, kann ich nicht sagen. Von der Codestruktur her wäre es zumindest richtiger als das von dir in Beitrag #3 genannte.
 
Danke für deine Hilfe. Funktioniert.
Jetzt habe nur noch ne frage: wie kann ich den text fett machen?
Code: 
[COLOR=#000080]<p>[/COLOR]                     [COLOR=#800000]<script type=[COLOR=#0000FF]"text/javascript"[/COLOR]>[/COLOR]  var flashyshow=new flashyslideshow({ //create instance of slideshow     wrapperid: "myslideshow", //unique ID for this slideshow     wrapperclass: "bold_red", //desired CSS class for this slideshow     imagearray: [         ["img/angebote/ortler3.jpg", "angebote.html", "_new", "Ortlerwoche  22.06.13 - 29.06.13 7 Tage HP + Wochenangebot (<a href='linkziel.html'>weiterlesen...</a>)"],         ["img/angebote/1-messner.jpg", "angebote.html", "_new", "Messner  Mountain Woche 27.07.13 - 03.08.13 7 Tage HP + Wochenangebot  (<a href='linkziel.html'>weiterlesen...</a>)"],         ["img/angebote/winter.jpg", "angebote.html", "_new", "Skistartwoche  26.10.13 - 30.11.13 7 Tage HP und 6 Tage Skipass (<a href='linkziel.html'>weiterlesen...</a>)"],         ["img/angebote/advent.jpg", "angebote.html", "_new", "Adventswoche  30.11.13 - 21.12.13 7 Tage HP und 6 Tage Skipass(<a href='linkziel.html'>weiterlesen...</a>)"]     ],     pause: 4000, //pause between content change (millisec)     transduration: 1000 //duration of transition (affects only IE users) })                                [COLOR=#800000]</script>[/COLOR]                   [COLOR=#000080]</p>[/COLOR]
 
Indem Du ihn mit <strong> umgibst oder per CSS stylest (Stichwort "font-weight: bold;").
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben