wechselnde Bildanzeige aus eigenen Galerien in der Forum-Übersicht

Antworten
#1
01.06.2014 17:54 (zuletzt bearbeitet: 01.06.2014 17:58)
avatar  ( gelöscht )
#1 wechselnde Bildanzeige aus eigenen Galerien in der Forum-Übersicht
Gast
( gelöscht )

Hallo zusammen,

... ich hab mal wieder solch eine blöde Idee und komm nicht weiter ! :-)

Spaß beiseite. Ich habe in der Forum Übersicht einen für Gäste zugänglichen Bereich eingerichtet, in dem ein aktionsbedingter Bildwechsel (Vorschaubild) stattfindet, den ich momentan über einen i-frame ralisiert habe.

Sieht so aus:




Der i-frame dazu:

1
2
3
4
 
<iframe width="200px" height="180px" scrolling="no"
  frameborder="0" allowtransparency="true"
  src="http://bilder.net/bilder.html" style='float:left; padding:20px; padding-top:5px;'>
</iframe>
 



Ich möchte aber an dieser Stelle gern Bilder aus den Foreneigenen Galerien zeigen, muss ja nicht gleich eine slideshow sein, was natürlich der burner wäre !, ... aktionsbedingt wechselnde Einzelbilder würden mir reichen. Wie kann ich das umsetzen?

Weiß jemand Rat ? Vielen herzlichen Dank.


 Antworten

 Beitrag melden
#2
01.06.2014 18:11 (zuletzt bearbeitet: 01.06.2014 18:12)
avatar  TripleM
#2 RE: wechselnde Bildanzeige aus eigenen Galerien in der Forum-Übersicht
avatar
TripleM
Mitglied

Hallo ist das was für dich? gerade getestet und Klappt.

Siehe mein Forum

http://ofn-testforum.xobor.de/

Hier der Code den ich im Adminmenü unter Forum/Beschreibung eingesetzt habe

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
 

<script type='text/javascript'>
<!--
var sliderwidth = 550; // Breite des Sliders
var sliderheight = 80; // Höhe des Sliders
var slidespeed = 1; // Geschwindigkeit des Sliders
var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;
 
/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = '<a href="0001.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0001.jpg"></a>';
leftrightslide[i++] = '<a href="0004.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0004.jpg"></a>';
leftrightslide[i++] = '<a href="0005.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0005.jpg"></a>';
leftrightslide[i++] = '<a href="0006.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0006.jpg"></a>';
leftrightslide[i++] = '<a href="0010.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0010.jpg"></a>';
leftrightslide[i++] = '<a href="0011.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0011.jpg"></a>';
leftrightslide[i++] = '<a href="0012.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0012.jpg"></a>';
leftrightslide[i++] = '<a href="0013.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0013.jpg"></a>';
leftrightslide[i++] = '<a href="0014.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0014.jpg"></a>';
leftrightslide[i++] = '<a href="0015.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0015.jpg"></a>';
leftrightslide[i++] = '<a href="0016.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0016.jpg"></a>';
leftrightslide[i++] = '<a href="0023.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0023.jpg"></a>';
leftrightslide[i++] = '<a href="0024.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0024.jpg"></a>';
leftrightslide[i++] = '<a href="0026.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0026.jpg"></a>';
leftrightslide[i++] = '<a href="0027.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0027.jpg"></a>';
leftrightslide[i++] = '<a href="0030.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0030.jpg"></a>';
leftrightslide[i++] = '<a href="0031.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0031.jpg"></a>';
leftrightslide[i++] = '<a href="0033.html"><img src="http://www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0033.jpg"></a>';
 
/* AB HIER NICHTS MEHR ÄNDERN */
leftrightslide = '<nobr>' + leftrightslide.join("") + '</nobr>';
var iedom = document.all || document.getElementById;
if (iedom)
	document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-3000px">' + leftrightslide + '</span>');
var actualwidth = '';
var cross_slide, ns_slide;
 
function fillup(){
	if (iedom){
		cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
		cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
		cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
		actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
		cross_slide2.style.left=actualwidth+20+"px";
	}
	else if (document.layers){
		ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
		ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
		ns_slide.document.write(leftrightslide);
		ns_slide.document.close();
		actualwidth=ns_slide.document.width;
		ns_slide2.left=actualwidth+20;
		ns_slide2.document.write(leftrightslide);
		ns_slide2.document.close();
	}
	lefttime=setInterval("slideleft()",30);
}
 
function slideleft(){
	if (iedom){
		if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
			cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px";
		else
			cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+"px";
 
		if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
			cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px";
		else
			cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+"px";
	}
	else if (document.layers){
		if (ns_slide.left>(actualwidth*(-1)+8))
			ns_slide.left-=copyspeed;
		else
			ns_slide.left=ns_slide2.left+actualwidth;
 
		if (ns_slide2.left>(actualwidth*(-1)+8))
			ns_slide2.left-=copyspeed;
		else
			ns_slide2.left=ns_slide.left+actualwidth;
	}
}
 
if (iedom||document.layers){
	with (document){
		document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
		if (iedom){
			document.write('<div style="position:relative;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;overflow:hidden">');
			document.write('<div style="position:absolute;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;background-color:' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
			document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
			document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
			document.write('</div></div>');
		}
		else if (document.layers){
			document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
			document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
			document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
			document.write('</ilayer>');
		}
		document.write('</td></table>');
	}
}
//-->
</script>
<br />
 
<br />
<script type="text/javascript">function addEvent234(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false)}else if(obj.attachEvent){obj["e"+type+fn]=fn;obj[type+fn]=function(){obj["e"+type+fn](window.event)};obj.attachEvent("on"+type,obj[type+fn])}};addEvent234(window,'load',fillup);</script>
 
 


 Antworten

 Beitrag melden
#3
01.06.2014 19:29
avatar  ( gelöscht )
#3 RE: wechselnde Bildanzeige aus eigenen Galerien in der Forum-Übersicht
Gast
( gelöscht )

... ich hab mir das gerade bei Dir angeschaut und muss sagen, dieser slider wäre schon soetwas, das ich mir vorstelle . Vielen Dank !!

Mir erschließt sich angesichts des scriptes allerdings noch nicht die Möglichkeit, Bilder aus meinen Galerien einzubinden, was ich ehrlich zugegeben auf meine mangelhaften Kenntnisse zurückführe, ... da könnte ich noch einen kleinen "Arschtritt" gebrauchen ...

Das wäre schön. Danke !


 Antworten

 Beitrag melden
#4
01.06.2014 19:47
avatar  Angie6
#4 RE: wechselnde Bildanzeige aus eigenen Galerien in der Forum-Übersicht
An
Angie6
Mitglied

Ich könnte mir das auch vorstellen. Danke!

/www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0001.jpg mit den eigenen Bilder ersetzen, oder?

http://www.plappermama.de/
http://www.plapperpaleo.de/

 Antworten

 Beitrag melden
#5
02.06.2014 06:34 (zuletzt bearbeitet: 02.06.2014 06:35)
avatar  TripleM
#5 RE: wechselnde Bildanzeige aus eigenen Galerien in der Forum-Übersicht
avatar
TripleM
Mitglied

Zitat von Firestone007 im Beitrag #3
... ich hab mir das gerade bei Dir angeschaut und muss sagen, dieser slider wäre schon soetwas, das ich mir vorstelle . Vielen Dank !!

Mir erschließt sich angesichts des scriptes allerdings noch nicht die Möglichkeit, Bilder aus meinen Galerien einzubinden, was ich ehrlich zugegeben auf meine mangelhaften Kenntnisse zurückführe, ... da könnte ich noch einen kleinen "Arschtritt" gebrauchen ...

Das wäre schön. Danke !


Zitat von Angie6 im Beitrag #4
Ich könnte mir das auch vorstellen. Danke!

/www.kostenlose-javascripts.de/wp-content/uploads/_files_images_thumbs_0001.jpg mit den eigenen Bilder ersetzen, oder?


Richtig Ihr könnt ja in der Galerie den Bildadresse des Bildes raus suchen. Und dann dort einfügen wo die Bildadressen Hinterlegt sind im Script.
Hier mal als Beispiel an der Ersten Zeile

leftrightslide[i++] = '<a href=" Link zu Album oder Thema oder Beitrag"><img src="Bildadresse zum Bild"></a>';


Ihr könnt nun Hinten Den Bildadresse einfügen und vorne z.b. den Galerieseite wo das Bild zu Finden ist.
Automatisch wäre es schöner geht aber sicher nicht so einfach womit ich nicht sagen möchte das es nicht geht da Olaf mal sagte nicht so schnell aufgeben. Allerdings wüsste ich nun aus dem Stehgreif nicht wie man das Umsetzen kann.


 Antworten

 Beitrag melden
#6
02.06.2014 16:57 (zuletzt bearbeitet: 02.06.2014 16:58)
avatar  Olaf
#6 RE: wechselnde Bildanzeige aus eigenen Galerien in der Forum-Übersicht
Ol
Olaf
Mitglied

Zitat von TripleM im Beitrag #5
... womit ich nicht sagen möchte das es nicht geht da Olaf mal sagte nicht so schnell aufgeben. Allerdings wüsste ich nun aus dem Stehgreif nicht wie man das Umsetzen kann.


Ich habe mich damit auch noch nicht beschäftigt und weiß auch nicht,ob es für die Bilder Variablen gibt,aber mit der "getDeep()" oder "getDeepList()" Funktion könnte ich mir das schon vorstellen,die vorhandenen Bilder aus der Datenbank zu holen.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!