WinFuture-Forum.de: Wordpress: Logo Slideshow Wordpress Plugin (Endlosschleife) - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Wordpress: Logo Slideshow Wordpress Plugin (Endlosschleife)


#1 Mitglied ist offline   Torinoko 

  • Gruppe: Mitglieder
  • Beiträge: 1
  • Beigetreten: 20. Januar 11
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 20. Januar 2011 - 15:32

Hallo zusammen, ich habe mir soeben das Logo Slideshow Wordpress Plugin siehe hier eingebaut und möchte daraus eine Endlosschleife machen, d. h. das die Show dann von vorne beginnt und es immer weiterläuft, nicht aufhört.

Auf meiner Homepage habe ich es am laufen http://www.neuborkia.de, doch wie bekomme ich diese Endlosschleife hin? Ich möchte mich im Voraus bedanken (:

image-slideshow.js
	   
	var displayWaitMessage=true;	// Display a please wait message while images are loading?
	  
		   
	var activeImage = false;
	var imageGalleryLeftPos = false;
	var imageGalleryWidth = false;
	var imageGalleryObj = false;
	var maxGalleryXPos = false;
	var slideSpeed = -1;
	var imageGalleryCaptions = new Array();
	function startSlide(e)
	{
		if(document.all)e = event;
		var id = this.id;
		if(this.id=='arrow_right'){
			slideSpeedMultiply = Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed = -1*slideSpeedMultiply;
			slideSpeed = Math.max(-10,slideSpeed);
		}else{			
			slideSpeedMultiply = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed = 1*slideSpeedMultiply;
			slideSpeed = Math.min(10,slideSpeed);
			if(slideSpeed<0)slideSpeed=10;
		}
	}
	
	function releaseSlide()
	{
		var id = this.id;
		slideSpeed=-1;
	}
		
	function gallerySlide()
	{
		if(slideSpeed!=0){
			var leftPos = imageGalleryObj.offsetLeft;
			leftPos = leftPos/1 + slideSpeed;
			if(leftPos>maxGalleryXPos){
				leftPos = maxGalleryXPos;
				slideSpeed = 0;
				
			}
			if(leftPos<minGalleryXPos){
				leftPos = minGalleryXPos;
				slideSpeed=0;
			}
			
			imageGalleryObj.style.left = leftPos + 'px';
		}
		setTimeout('gallerySlide()',50);
		
	}
	
	function showImage()
	{
		if(activeImage){
			activeImage.style.filter = 'alpha(opacity=50)';	
			activeImage.style.opacity = 0.5;
		}	
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;	
		activeImage = this;	
	}
	
	function initSlideShow()
	{
		document.getElementById('arrow_left').onmousemove = startSlide;
		document.getElementById('arrow_left').onmouseout = releaseSlide;
		document.getElementById('arrow_right').onmousemove = startSlide;
		document.getElementById('arrow_right').onmouseout = releaseSlide;
	
		
		imageGalleryObj = document.getElementById('theImages');
		imageGalleryLeftPos = imageGalleryObj.offsetLeft;
		imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth - 80;
		maxGalleryXPos = imageGalleryObj.offsetLeft; 
		minGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd').offsetLeft;
		var slideshowImages = imageGalleryObj.getElementsByTagName('IMG');
		for(var no=0;no<slideshowImages.length;no++){
			slideshowImages[no].onmouseover = showImage;
		}
		
		var divs = imageGalleryObj.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){
			if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
		}
		gallerySlide();
	}
	
	function showPreview(imagePath,imageIndex){
		var subImages = document.getElementById('previewPane').getElementsByTagName('IMG');
		if(subImages.length==0){
			var img = document.createElement('IMG');
			document.getElementById('previewPane').appendChild(img);
		}else img = subImages[0];
		
		if(displayWaitMessage){
			document.getElementById('waitMessage').style.display='inline';
		}
		document.getElementById('largeImageCaption').style.display='none';
		img.onload = function() { hideWaitMessageAndShowCaption(imageIndex-1); };
		img.src = imagePath;
		
	}
	function hideWaitMessageAndShowCaption(imageIndex)
	{
		document.getElementById('waitMessage').style.display='none';	
		document.getElementById('largeImageCaption').innerHTML = imageGalleryCaptions[imageIndex];
		document.getElementById('largeImageCaption').style.display='block';
		
	}
	window.onload = initSlideShow;


logo-slideshow.php
<?php
/*
Plugin Name: Logo Slideshow
Plugin URI: http://www.iwebix.de/logo-slideshow-wordpress-plugin/
Description: This Plugin shows 6 Logos with Links in a nice DHTML slideshow.
Version: 1.0
Author: Dennis Nissle, IWEBIX
Author URI: http://www.iwebix.de/
*/
/* options page */
$options_page = get_option('siteurl') . '/wp-admin/admin.php?page=logo-slideshow/options.php';
function logoslider_options_page() {
	add_options_page('Logo Slideshow Options', 'Logo Slideshow', 10, 'logo-slideshow/options.php');
}
function logoslider_js() {
	$logoslider_path =  get_bloginfo('wpurl')."/wp-content/plugins/logo-slideshow/";
	$logosliderscript = "<link rel=\"stylesheet\" href=\"".$logoslider_path."css/image-slideshow.css\" type=\"text/css\" media=\"screen\" charset=\"utf-8\"/>
<script type=\"text/javascript\" src=\"".$logoslider_path."scripts/image-slideshow.js\"></script>
	\n";
	echo($logosliderscript);
}
add_action('wp_head', 'logoslider_js');
add_action('admin_menu', 'logoslider_options_page');
?>

0

Anzeige



Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0