Java Slideshow verlinken

Janda · 15.12.2011

Moinsen!

Ich bastel gerade eine Website und habe dort eine Java Slideshow oben durchlaufen. Da die Bilder (welche noch Folgen) zu den angebotenen Leistungen gehören, würde ich diese gerne mit dem entsprechenden Thema (Arbeitssicherheit, Offshore, etc...) verlinken. Kann ich einzelne oder vielleicht alle zu dem Menüpunkt "Leistungen" verlinken? Es würde reichen, dass man beim Klicken direkt zu "Leistungen" kommt. Sprich nicht jedes einzelne Bild zu den einzelnen Untermenüs (was jedoch noch besser wäre).

Hier die Website:

Grüße und Danke!

Jan

Myhar · 15.12.2011

AW: Java Slideshow verlinken

Ich kann keine Java Slideshow auf dieser Seite erkennen. Lediglich eine Slideshow, welche mit JavaScript umgesetzt wurde (Diese beiden Programmiersprachen haben so viel gemeinsam wie Britney Spears und Metallica... Beide machen Musik

)
Was mich bei deiner Umsetzung wundert: Du hast bereits einen Link um jedes deiner Bilder, jedoch ist keinem der Links ein Ziel zugeordnet. Des Weiteren wurde das target Attribut der Links falsch angegeben, es müsste target="_blank" heißen.
Du musst also lediglich die Zieladresssen für die Links hinzufügen.
Auch solltest du deine Seite dahingehend überarbeiten, dass sie validiert werden kann. Auch kannst du auf die Tabellen zur Darstellung des Inhalts komplett verzichten, diese sind semantisch falsch eingesetzt und du kannst noch einiges an Seitengröße einsparen, wenn du sie aus deiner Seite entfernst.

Janda · 15.12.2011

Wo hast du denn dieses Teil im Script gefunden? Meine HMTL Dateien enthalten alle nur "<html><body bgcolor="#FFFFFF"></body></html>" und ähnliches...

Und die Index.php enthält das nicht...

Grüße,

Jan

Könnte ich nicht theoretisch einen CSS Block in der *.css Datei integrieren, welcher einen mousedown als Link nutzt?

Hier ist mein Script:

Code:

/* slideshow gallery */
#slideshow {
float:left;
width:495px ;
height:236px;
background: url(../images/bg-slideshow.png) 0 0 no-repeat;
margin: 5px 0 0 0;
position:relative;
z-index:1;

}

.slideshowlite {
width: 485px;
height: 233px;
background:transparent;
padding:4px 0px 0px 0px;

}

.slideshowlite a {
position:absolute;
left:0;
z-index: 5;
text-align:left;

}

.slideshowlite img {
border: none;
height: 226px;
width: 485px;
    
}

/* pagination control*/
.slideshowlite ul,
.slideshowlite ol {
 position: absolute;
margin-top: 245px;
left:50px !important;
z-index: 3; 
list-style-type:none;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .slideshowlite ul,
.slideshowlite ol  {
  position: absolute;
margin-top: 249px;
left:50px !important;
z-index: 3; 
list-style-type:none;
  }
}

.slideshowlite ul li,
.slideshowlite ol li {
float: left;
width: 34px;
padding: 0 4px 0 0;
list-style-type:none;

}

.slideshowlite ul li a {
background: url(../images/page.jpg) no-repeat 0% 0%;
position: relative;
display: block;
width: 36px;
height: 27px;
float: left;
line-height: 21px;
text-decoration: none;
text-align: center !important;
font-size: 0px;
font-weight: bold;
color: #fff !important;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .slideshowlite ul li a {
background: url(../images/page.jpg) no-repeat 0% 0%;
position: relative;
display: block;
width: 36px;
height: 27px;
float: left;
line-height: 23px;
text-decoration: none;
text-align: center !important;
font-size: 12px;
font-weight: bold;
color: #fff !important;

  }
}

.slideshowlite ul li a.current {
background: url(../images/page-act.jpg) no-repeat 0% 0%;
color: #dcdcdc;

}

.slideshowlite ul li a:hover {
background: url(../images/page-act.jpg) no-repeat 0% 0%;
color: #dcdcdc;

}

.slideshowlite ol {
display: none;

}

Grüße,

Jan

Myhar · 16.12.2011

AW: Java Slideshow verlinken

Ich habe deine Skripte gar nicht angeschaut, sondern nur den erzeugten Code auf deiner verlinkten Seite. Dort sind diese Links schon vorhanden, nur noch nicht mit dem href Attribut versehen. Man muss also nur herausfinden, wo diese Links erzeugt werden und das entsprechende Attribut hinzufügen. Alternativlösung wäre, die Links erst nach DOM ready hinzuzufügen, was ich aber als schlechte Lösung erachte, da es nur unnötig Zeit beim laden der Seite beansprucht.

Janda · 17.12.2011

AW: Java Slideshow verlinken

Mmh, das mit dem DOM ready verstehe ich eh nicht ganz. Aber wenn ich das richtig sehe, wird der Code aus mehreren Dateien (.php, .css,...) erzeugt und ich müsste in jeder Datei den richtigen Abschnitt finden? Oder könnte ich das auch in der index.php ändern:

PHP:

<div id="slideshow"> 
                            <img src="templates/<?php echo $this->template ?>/images/slide1.jpg" alt="image1" />
                            <img src="templates/<?php echo $this->template ?>/images/slide2.jpg" alt="image2" />
                            <img src="templates/<?php echo $this->template ?>/images/slide3.jpg" alt="image3" />
                            <img src="templates/<?php echo $this->template ?>/images/slide4.jpg" alt="image4" />
                            <img src="templates/<?php echo $this->template ?>/images/slide5.jpg" alt="image5" />
                            <img src="templates/<?php echo $this->template ?>/images/slide6.jpg" alt="image6" />
                            <img src="templates/<?php echo $this->template ?>/images/slide7.jpg" alt="image7" />
                            <img src="templates/<?php echo $this->template ?>/images/slide8.jpg" alt="image8" />
                        </div>
                                <script type="text/javascript" charset="utf-8">
                                    var $j = jQuery.noConflict(); 
                                        $j(document).ready(function(){
                                            $j("#slideshow").slideshow({
                                            pauseSeconds: 5,
                                            height: 230,
                                            caption: false
                                        });
                                    });
                                 </script>

Grüße,

Jan

cebito · 17.12.2011

AW: Java Slideshow verlinken

Benutze doch bitte demnächst die Codewerkzeuge des Editors, das macht das Lesen eines Beitrags deutlich einfacher.