+ Antworten
Ergebnis 1 bis 5 von 5

Thema: Slideshow, Bild mit Link und Ziel _self macht neues Fenster auf!?

  1. #1
    Neu an Board
    Registriert seit
    10.12.2008
    Beiträge
    40
    Bedankte sich
    10
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Frage Slideshow, Bild mit Link und Ziel _self macht neues Fenster auf!?

    Hallo zusammen,

    ich schätze mal es liegt daran das ich von PHP eher wenig Ahnung habe aber die Slideshow (Bilder) sollen mit Links versehen werden, welche im selben Fenster auf gehen also mit dem Befehl target="_self"
    Passiert aber nicht, es wird immer ein neuer Tab aufgemacht (Chrome, Firefox)
    Meine Code sieht so aus:
    Code:
    <div id="show-w">
    <div id="slideshow">
    <a href="/unsere-trauerkappelle" title="Trauerkapelle" target="_self"><img alt="Trauerkapelle" src="templates/<?php echo $this->template ?>/images/slide5.jpg" /></a>
    <img src="templates/<?php echo $this->template ?>/images/slide5.jpg" alt="image5" />
    <img src="templates/<?php echo $this->template ?>/images/slide4.jpg" alt="image4" />
    <img src="templates/<?php echo $this->template ?>/images/slide3.jpg" alt="image2" />
    <img src="templates/<?php echo $this->template ?>/images/slide2.jpg" alt="image3" />
    <img src="templates/<?php echo $this->template ?>/images/slide1.jpg" alt="image1" />
    </div>
    Ich sehe wohl mal wieder den Wald vor lauter Bäumen nicht !? *grumel*
    Hat da wer nen Tipp ???

    Danke vorab
    Brainbuck :-)
    Geändert von Brainbuck (04.09.2013 um 12:18 Uhr)

  2. #2
    Gute Seele des Boards Avatar von Indigo66
    Registriert seit
    30.10.2007
    Ort
    127.0.0.1/htdocs/eu/de/muc/home.html
    Alter
    52
    Beiträge
    18.709
    Bedankte sich
    582
    Erhielt 5.612 Danksagungen
    in 5.409 Beiträgen

    Standard

    Versuche mal _top oder _parent. Habe erst letztens das Problem unter FF gehabt.

  3. #3
    Gute Seele des Boards Avatar von time4mambo
    Registriert seit
    11.12.2006
    Ort
    76646 Bruchsal
    Alter
    62
    Beiträge
    19.644
    Bedankte sich
    767
    Erhielt 4.012 Danksagungen
    in 3.769 Beiträgen

    Standard

    Was ist das denn für ein Code? Wo kommt der her? Ist das eine eigene Programmierung oder wie oder was?
    Normalerweise stellst das in der Slideshow ein. Vermutlich findest du sie unter Erweiterungen/Module


    Axel
    Joomla- und Office-Tutorials: time4joomla
    Deutschsprachige SEBLOD-Community
    CCK SEBLOD-Das Handbuch als kostenloses Onlinebook

  4. #4
    Neu an Board
    Registriert seit
    10.12.2008
    Beiträge
    40
    Bedankte sich
    10
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    @ Indigo66:
    Keine Veränderung :-(

    @time4mambo:
    Ich hab mir nen Wolf gesucht in den Komponenten, Modulen und Plugins und nichts gefunden ... letztlich hat mich die Nummer in Chrome mit F12 drauf gebracht, denn da ist im Head der index des Templates der Aufruf:
    Code:
    <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/slideshow.js"></script>
    Also hab ich danach gesucht und gefunden aber mit ner .js Datei kann ich programmier Technisch mal so gar nichts anfangen! Und das steht in der .js drinne:
    Code:
    /**
     * Slideshow Lite plugin for jQuery
     *
     * v0.5.3
     *
     * Copyright (c) 2009 Fred Wu
     *
     * Dual licensed under the MIT and GPL licenses:
     *   http://www.opensource.org/licenses/mit-license.php
     *   http://www.gnu.org/licenses/gpl.html
     */
    
    /**
     * Configuration options:
     *
     * pauseSeconds  float    number of seconds between each photo to be displayed
     * fadeSpeed     float    number of seconds for the fading transition, the value should not exceed 'pauseSeconds'
     * width         integer  width of the slideshow, in pixels
     * height        integer  height of the slideshow, in pixels
     * caption       boolean  display photo caption?
     * cssClass      string   name of the CSS class, defaults to 'slideshowlite'
     */
    
    (function($){
    	$.fn.slideshow = function(options){
    		
    		var defaults = {
    			pauseSeconds: 8,
    			fadeSpeed: 0.5,
    			width: 495,
    			height: 230,
    			caption: true,
    			cssClass: 'slideshowlite'
    		};
    		
    		var options = $.extend(defaults, options);
    		
    		// ----------------------------------------
    		// slideshow objects and variables
    		// ----------------------------------------
    		
    		var target = this;
    		var items  = $(target).children("a");
    		var instance;
    		
    		// ----------------------------------------
    		// some mandontory styling
    		// ----------------------------------------
    		
    		if ( ! $(this).hasClass(options.cssClass)) $(this).addClass(options.cssClass);
    		
    		$(this).css({
    			width: options.width + "px",
    			height: options.height + "px"
    		});
    		
    		// ----------------------------------------
    		// create anchor links to make the structure simpler for manupilation
    		// ----------------------------------------
    		
    		$(this).children("img").wrap(document.createElement("a"));
    		$(this).children("a").attr("target", "blank"); <--- einfach HIER _self reinschreiben und schon klappt es
    		
    		// ----------------------------------------
    		// add item sequence markups
    		// ----------------------------------------
    		
    		var i = 1;
    		$(this).children("a").each(function(){
    			$(this).attr("rel", i++);
    		});
    		
    		// ----------------------------------------
    		// create pagination and caption
    		// ----------------------------------------
    		
    		$(this).append("<ul></ul>");
    		$(this).append("<ol></ol>");
    		var pagination = $(this).children("ul");
    		var caption = $(this).children("ol");
    		
    		var i = 1;
    		var j = 0;
    		$(this).children("a").each(function(){
    			pagination.append("<li><a href=\"#\">" + i++ + "</a></li>");
    			caption.append("<li>" + $("#" + $(target).attr("id") + " img:nth(" + j++ + ")").attr("alt") + "</li>");
    		});
    		pagination.fadeTo(0, 0.8);
    		caption.fadeTo(0, 0.6);
    		caption.hide();
    		
    		// ----------------------------------------
    		// shortcuts
    		// ----------------------------------------
    		
    		var firstItem   = $(target).children("a:first");
    		var lastItem    = $(target).children("a:last");
    		var currentItem = firstItem;
    		
    		// ----------------------------------------
    		// pagination highlight
    		// ----------------------------------------
    		
    		var paginationHighlight = function(sequence){
    			pagination.children("li").children("a").removeClass("current");
    			pagination.children("li").children("a:nth(" + sequence + ")").addClass("current");
    		}
    		
    		// ----------------------------------------
    		// caption
    		// ----------------------------------------
    		
    		var showCaption = function(sequence){
    			caption.show();
    			caption.children("li").hide();
    			caption.children("li:nth(" + sequence + ")").fadeIn();
    		}
    		
    		// ----------------------------------------
    		// slideshow logic
    		// ----------------------------------------
    		
    		var makeSlideshow = function(){
    			
    			// pagination click
    			pagination.children("li").children("a").click(function(){
    				if ( ! $(this).hasClass("current"))
    				{
    					// select the current item after the pagination click
    					currentItem = $(target).children("a:nth(" + ($(this).text()-1) + ")");
    
    					currentItem.show();
    					startSlideshow();
    				}
    			});
    			
    			// pagination highlight
    			paginationHighlight(currentItem.attr("rel")-1);
    			
    			// show caption
    			if (options.caption == true)
    			{
    				showCaption(currentItem.attr("rel")-1);
    			}
    			
    			// show the current slide
    			currentItem.fadeIn(options.fadeSpeed*1000, function(){
    				$(target).children("a").hide();
    				$(this).show().css("z-index", 1);
    			});
    			
    			// prepare for the next slide
    			// determines the next item (or we need to rewind to the first item?)
    			if (currentItem.children("img").attr("src") == lastItem.children("img").attr("src"))
    			{
    				currentItem = firstItem;
    				currentItem.css("z-index", 2);
    			}
    			else
    			{
    				currentItem = currentItem.next();
    			}
    		};
    		
    		var startSlideshow = function(){
    			clearInterval(instance);
    			makeSlideshow();
    			instance = setInterval(makeSlideshow, options.pauseSeconds*1000);
    		};
    		
    		// ----------------------------------------
    		// start the slideshow!
    		// ----------------------------------------
    		
    		startSlideshow();
    	};
    })(jQuery);
    und NEIN, die Suche in den Plugins nach "Slideshow Lite" bleibt ergebnislos. Also hab ich mir die index weiter angeschaut und die DIV Angaben gefunden als Einziges die ich eben reinkopiert habe. Wenn ich dann im Template den Code selbst (im Backend) bearbeite klappt das ja auch alles mit den Bilder und der Menge, aber mit dem verlinken nur eben nicht das der Link im selben Fenster aufgeht, egal mir welchem Befehl (_top, _self, _parent)

    Gruss
    Brainbuck
    Geändert von Brainbuck (04.09.2013 um 16:36 Uhr)

  5. #5
    Neu an Board
    Registriert seit
    10.12.2008
    Beiträge
    40
    Bedankte sich
    10
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Hat sich erledigt !!!
    Lösung im vorherigen Post im Code zu sehen
    Geändert von Brainbuck (04.09.2013 um 16:36 Uhr)

+ Antworten

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein