Author Topic: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)  (Read 60406 times)

0 Members and 1 Guest are viewing this topic.

Rembrandt

  • Guest
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #30 on: September 15, 2010, 11:07:17 PM »
can somebody help me opening the flash  (.swf) file with highslide mod?

no, this does not work

Offline sachlavim

  • Newbie
  • *
  • Posts: 10
    • View Profile
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #31 on: September 16, 2010, 09:44:41 PM »
it's possible, I think that you need to check at the swf.html if it is a jpg or swf if it's a swf open it like this http://www.roadrash.no/hs-support/flash-gallery.html

I'm trying to solve it, and i will update

O.k. I partially managed it you can see it Here
some problems:
1) the thumbnail image changes each time i press F5 (refresh) the Image source
Code: [Select]
img src="./data/thumbnails/{cat_id}/{thumbnail_file_name}"2) the height is too large
3) I would like a larger margin from the top
4) I would like that it will work on the categories page as well.

now I need your help

swf.html
Code: [Select]
<!-- Template file for Flash Movies -->
<table cellpadding="1" cellspacing="0" border="0">
  <tr>
    <td bgcolor="#000000">

<!--
1 ) Reference to the files containing the JavaScript and CSS.
These files must be located on your server.
-->

<script type="text/javascript" src="./js/highslide/highslide-full.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>

<link rel="stylesheet" type="text/css" href="./js/highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="./sj/highslide/highslide-ie6.css" />
<![endif]-->


<!--
    2) Optionally override the settings defined at the top
    of the highslide.js file. The parameter hs.graphicsDir is important!
-->

<script type="text/javascript">
hs.graphicsDir = 'js/highslide/graphics/';
hs.wrapperClassName = 'flash';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.dimmingOpacity = 0.8;
hs.outlineType = 'rounded-white';
hs.captionEval = 'this.a.title';
hs.marginBottom = 1; // make room for the thumbstrip and the controls
hs.allowSizeReduction = false;
hs.preserveContent = false;


</script>

<style type="text/css">
/* Remove the header */
.flash .highslide-header {
display: none;
}
/* Remove the footer */
.flash .highslide-footer {
display: none;
}
/* Remove padding in the popup */
.flash .highslide-html-content {
padding: 0;
}
/* Remove Play, Pause and Full expand buttons from the controls */
.text-controls .highslide-controls .highslide-play {display: none;}
.text-controls .highslide-controls .highslide-pause {display: none;}
.text-controls .highslide-controls .highslide-full-expand {display: none;}
</style>
</head>

<body>

<!--
3) Put the thumbnails inside a div for styling
-->

<div class="highslide-gallery">
<!--
4) This is how you mark up the thumbnail images with an anchor tag around it.
The anchor's href attribute defines the URL of the swf file. Given the captionEval
option is set to 'this.a.title', the caption is grabbed from the title attribute of
the anchor.
-->

<a class='highslide' id="thumb1" href='{media_src}'
onclick="return hs.htmlExpand(this, { objectType: 'swf', width: 700,
objectWidth: 700,objectHeight: 500, maincontentText: 'You need to upgrade your Flash player'} )">
<img src="./data/thumbnails/{cat_id}/{thumbnail_file_name}" alt='highslide' /></a>
        </div>




<!--  <object width="800" height="600" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"{width_height} />
      <param name="movie" value="{media_src}">
      <param name="quality" value="high">
      <param name="play" value="true">
      <param name="scale" value="true">
      <embed width="800" src="{media_src}" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"{width_height}></embed></object></td>
-->
</tr>
</table>

« Last Edit: September 17, 2010, 09:50:21 AM by sachlavim »

Offline sachlavim

  • Newbie
  • *
  • Posts: 10
    • View Profile
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #32 on: September 22, 2010, 01:19:34 PM »
O.k. It looks like I'm corresponding with myself !!!
Is there anybody on this forum that can help me here, solving the issues mentioned above?

Offline x23piracy

  • Sr. Member
  • ****
  • Posts: 420
    • View Profile
    • FHG
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #33 on: October 06, 2010, 02:09:25 AM »
Hi,

ich habe Probleme mit Schritt 3, Highslide für Thumbnails klappt testweise.
Schritt 3 habe ich nur für categories (php) eingebunden.

Die Tags:

Code: [Select]
{highslide_link}
{highslide_js}
{slideshow_highslide}

stehen in meiner categories (html), wenn ich meine Seite nun aufrufe taucht
leider nirgendwo der erwartete Link "slideshow" auf.

Da Schritt 2 funktioniert denke ich das Highslide (Schritt 1) prinzipiell funktioniert.
Hat jemand eine Idee woran es liegen könnte meine 4Images ist 1.7.8


Gruß Jens

Don't trust in md5 it's unsafe change your 4i galerys password hash algorythm! second pw db field, create new hashes over some time, deny old hash. Help members that cry, send informationen mail to the rest. Camouflage new pw hash in cookie. Done!

--(◔̯◔)--

Offline Nosferatu

  • Full Member
  • ***
  • Posts: 230
    • View Profile
    • Project-Firepower
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #34 on: October 10, 2010, 11:35:01 AM »
@Rinaldos

erstmals klasse teil !!!

könntest du mir bitte bei nem problem helfen
ich möchte die slideshow nicht in den kategorien oder suchen, sondern so wie du unter dem bild

zb
http://rinaldos.homeip.net/img8452.htm

da werdem bei dir 5 bilder angezeigt.

wie funktioniert das ?

Danke für deine hilfe

rinaldos

  • Guest
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #35 on: November 15, 2010, 10:36:16 AM »
Hi,
die 5 Bilder unter dem einen Bild sind aus diesem MOD.

http://www.4homepages.de/forum/index.php?topic=7294.msg124362#msg124362

Gruß
Ingo

Offline x23piracy

  • Sr. Member
  • ****
  • Posts: 420
    • View Profile
    • FHG
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #36 on: November 21, 2010, 09:17:03 PM »
Hi,

@rinaldos

nochmal danke für deine Hilfe ;)
Ich versuche vergeblich den preload für die Slideshow abzustellen.

Ist Highslide für die categories aktiv wird immer die komplette
Kategorie vorgeladen, was ich für überflüssig halte, da die Slideshow
eher selten zum Einsatz kommt.

Jemand der eine Slideshow sehen möchte kann denke ich kur warten
bis die Bilder geladen wurden.

Mir würde es schon reichen wenn sich Highslide an das setting der highslide-full.js
halten würde aber das hat scheinbar keinen Einfluss auf deinen MOD.

Code: [Select]
numberOfImagesToPreload : 5,
Völlig unabhängig davon was ich dort einstelle wird trotzdem die ganze Kategorie geladen.

Wie schalte ich das aus?


Gruß Jens

Don't trust in md5 it's unsafe change your 4i galerys password hash algorythm! second pw db field, create new hashes over some time, deny old hash. Help members that cry, send informationen mail to the rest. Camouflage new pw hash in cookie. Done!

--(◔̯◔)--

rinaldos

  • Guest
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #37 on: November 23, 2010, 01:18:30 AM »
Hi,
der default Wert liegt immer bie 5 :-) Laut dem Entwickler:

http://highslide.com/ref/hs.numberOfImagesToPreload

Gruß

Offline x23piracy

  • Sr. Member
  • ****
  • Posts: 420
    • View Profile
    • FHG
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #38 on: November 23, 2010, 03:05:56 AM »
Hi,
der default Wert liegt immer bie 5 :-) Laut dem Entwickler:

http://highslide.com/ref/hs.numberOfImagesToPreload

Gruß

Hi,

ich seh doch an den objekten die geladen werden das es sich um die gesamte Kategorie handelt,
dafür spricht auch die Ladezeit auch im Vergleich mit Kategorien mit mehr oder weniger Bildern.


Gruß Jens

Don't trust in md5 it's unsafe change your 4i galerys password hash algorythm! second pw db field, create new hashes over some time, deny old hash. Help members that cry, send informationen mail to the rest. Camouflage new pw hash in cookie. Done!

--(◔̯◔)--

Offline Artemios

  • Newbie
  • *
  • Posts: 26
    • View Profile
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #39 on: November 23, 2010, 08:50:28 PM »
Hallo,
bin erstaunt, dass es mir als Anfänger gelungen ist, die drei schritte scheinbar fehlerfrei zu installieren.
Slideshow klappt und heraussliden der Bilder in der details.php funktioniert auch.

Ich habe nur das Problem, das meine Bilder auf der Detailseite genauso groß sind wie die Bilder, die herausgezoomt werden (bzw. in der Slideshow erscheinen)
Ich bräuchte ja drei Bildergrößen.
Kann ich das über Einstellungen in dem Control Panell erreichen?

Offline mawenzi

  • Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #40 on: November 23, 2010, 09:00:50 PM »
... drei Bildergrößen => [TUT] One Image - Three Sizes ... ;)
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline Artemios

  • Newbie
  • *
  • Posts: 26
    • View Profile
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #41 on: November 23, 2010, 11:23:06 PM »
Hallo Rinaldos,

erst mal vielen Dank für diese tolle Modifikation. Wenn man Deine Beispielseite sieht, ist es schon beeindruckend.

Leider klappt es bei mir noch nicht so richtig. Habe nun schon alles mögliche versucht, um selbst auf den Fehler zu kommen, aber leider ohne Erfolg.

Und nun hab ich mein Pulver auch verschossen. Ich weiß nicht, was ich noch machen kann. Die Bilder werden von Highslide nur in der Größe wie auf der Detailseite dargestellt.


Ich habe aber einen Verdacht, warum keine großen Bilder von Highslide angezeigt werden:

Im 2.Schritt habe ich u.a. diese Zeilen wie vorgesehen in die Datei jpg.html in meinem TEMPLATE VERZEICHNIS/media eingetragen:

<a href="{media_src}" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">
         <img src="{media_src}" alt="Highslide JS"  {limit_var}="{new_limit}" /></a>

Wenn ich mir im Browser die Quelle anzeigen lasse, erscheint:

<a href="./data/media/1/grne_Phase_3D.jpg" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">
         <img src="./data/media/1/grne_Phase_3D.jpg" alt="Highslide JS"  ="" /></a>

ich glaube es müsste heißen: ./data/media/1/big/grne_Phase_3D.jpg

Im Ordner big ist jedenfalls das Originalbild abgespeichert.

Testweise habe ich folgende zwei Zeilen in die jpg.html eingefügt.:

<a href="./data/media/1/big/grne_Phase_3D.jpg" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">
         <img src="./data/media/1/grne_Phase_3D.jpg" alt="Highslide JS"  ="" /></a>

Und siehe da, es funktioniert. Natürlich nur bei dem einen Bild.
{media_src} müsste in der ersten Zeile so geändert werden, dass big im Pfad enthalten ist.

Lösung gefunden:

 <a href="./data/media/{cat_id}/big/{image_file_name}" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">
         <img src="{media_src}" alt="Highslide JS"  ="" /></a>

Bei gleichen Dateinamen funktioniert es einwandfrei.

Aber die Dateien im big-Ordner haben die Dateinamen, wie sie beim Upload angegeben wurden, darunter sind evtl. auch Großbuchstaben .
Die verkleinerten Bilder haben nur Kleinbuchstaben im Dateinamen. Das müsste angeglichen werden, sonst klappt es nicht.

Ich weiß noch nicht wie man das machen soll.


Beste Grüße
Artemios
« Last Edit: November 25, 2010, 01:32:39 PM by Artemios »

Offline x23piracy

  • Sr. Member
  • ****
  • Posts: 420
    • View Profile
    • FHG
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #42 on: November 26, 2010, 08:20:44 PM »
Hi,

der Highslide part in der lightbox.php sorgt in 1.7.9 für folgenden Fehler beim
löschen der Lightbox oder beim betreten der leeren Lightbox:

http://www.4homepages.de/forum/index.php?topic=28295.0

Was muss da geändert werden?


Gruß Jens

Don't trust in md5 it's unsafe change your 4i galerys password hash algorythm! second pw db field, create new hashes over some time, deny old hash. Help members that cry, send informationen mail to the rest. Camouflage new pw hash in cookie. Done!

--(◔̯◔)--

Rembrandt

  • Guest
Re: [MOD] Highslide ALL IN ONE (Slideshow/heraussliden details und thumbnails)
« Reply #43 on: November 27, 2010, 05:09:53 AM »
...Aber die Dateien im big-Ordner haben die Dateinamen, wie sie beim Upload angegeben wurden, darunter sind evtl. auch Großbuchstaben .
Die verkleinerten Bilder haben nur Kleinbuchstaben im Dateinamen. Das müsste angeglichen werden, sonst klappt es nicht.
..
daran wird gearbeitet, du mußt dich noch ein wenig gedulden.

mfg Andi

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Re: [MOD] Highslide ALL IN ONE Orginallbild Link zum BIG Ordner
« Reply #44 on: January 24, 2011, 05:34:20 PM »
Mit der folgenden erweiterung kann mann in der Details ansicht ein LINK zum orginallbild im BIG ordner setzen.

in details.html

<a href="data/media/{cat_id}/big/{image_file_name}" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">Orginallbild</a>

an gewünschter stelle einfügen.

gruß