Galerie highslide und Highslide Attachment Mod

Support for Administration, Installation, Update & Conversion
Locked until 1.1.0 was released.

Galerie highslide und Highslide Attachment Mod

Postby Darot » Tue May 08, 2012 10:55 am

Gallery Version: 1.1.6
phpBB Version: 3.0.10
Link zur Gallery http://www.hundiforum.ch/forum/index.php

PHP Version: 5.3.4
Datenbank Version: 2.11.9.6


Fehlerbeschreibung und Nachricht
Hallo Leute

Ich habe in meinem Forum eine maximale Bildergrösse von 800 x 800 Pixel eingestellt. Dies auch für Bilder die per img eingebunden werden. Nun haben Leute mit kleinen Bildschirmen Probleme damit und bei ihnen werden die Bilder nicht mehr ganz angezeigt, da je kleiner der Bildschirm ist, desto mehr verschwindet vom Bild auf der rechten Seite.

Nun habe ich mir den Highslide Attachment Mod eingebbaut. Zusätzlich habe ich auch noch eingebaut, dass auch Bilder die per img eingebunden werden, verkleinert angezeigt werden.

Nun verwende ich aber auch in der Galerie die Funktion highslide und nun kommt es zu Problemen im header auf der linken Seite. Immer wenn ich ein Bild im Forum anklicke, erscheint im header folgendes wie auf dem Bild zu sehen ist.
Image
Bei jedem klick auf ein Bild, erscheint ein neues zusätzliches Bild im header (wie auf dem Foto ersichtlich). Entferne ich jedoch in der Galerie das Plugin highslide und wähle dann im ACP für die Galerie Shadowbox aus, funktioniert es ohne Probleme.

Wenn es möglich wäre, würde ich aber lieber auch für die Galerie das highslide verwenden. Gibt es da irgend eine Möglichkeit?

Hier wäre noch meine overall_header (vermute mal das ich da etwas ändern müsste):
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<script type="text/javascript" src="{ROOT_PATH}mobiquo/tapatalkdetect.js"></script>
 

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="hunde, hundi, forum, hundefans, hundeforum, hunde-forum, hundiforum, hundi-forum, haustierforum, haustier forum, katzen, nager, reptillien, haustiere, katze, tierschutz, kaninchen, meerschweinchen, ratten, pferde, kultur, talk, hundetreffen, veranstaltungen" />
<meta name="description" content="Das neue familiaere und Hundefreundliche Hundeforum. Hier koennen Fragen rund um Hunde gestellt und beantwortet werden, wie auch Erfahrungen usw. untereinander ausgetauscht werden oder einfach plaudern mit Hundefreunden." />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
   <!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&amp;t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
   phpBB style name: prosilver
   Based on style:   prosilver (this is the default phpBB3 style)
   Original author:  Tom Beddard ( http://www.subBlue.com/ )
   Modified by:

   NOTE: This page was generated by phpBB, the free open-source bulletin board package.
         The phpBB Group is not responsible for the content of this page and forum. For more information
         about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
   var jump_page = '{LA_JUMP_PAGE}:';
   var on_page = '{ON_PAGE}';
   var per_page = '{PER_PAGE}';
   var base_url = '{A_BASE_URL}';
   var style_cookie = 'phpBBstyle';
   var style_cookie_settings = '{A_COOKIE_SETTINGS}';
   var onload_functions = new Array();
   var onunload_functions = new Array();

   <!-- IF S_USER_PM_POPUP and S_NEW_PM -->
      var url = '{UA_POPUP_PM}';
      window.open(url.replace(/&amp;/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
   <!-- ENDIF -->

   /**
   * Find a member
   */
   function find_username(url)
   {
      popup(url, 760, 570, '_usersearch');
      return false;
   }

   /**
   * New function for handling multiple calls to window.onload and window.unload by pentapenguin
   */
   window.onload = function()
   {
      for (var i = 0; i < onload_functions.length; i++)
      {
         eval(onload_functions[i]);
      }
   };

   window.onunload = function()
   {
      for (var i = 0; i < onunload_functions.length; i++)
      {
         eval(onunload_functions[i]);
      }
   };

// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
<script type="text/javascript" src="{ROOT_PATH}highslide/highslide-full.js"></script>
<link href="{ROOT_PATH}highslide/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// <![CDATA[
hs.graphicsDir = '{ROOT_PATH}highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
   //slideshowGroup: 'group1',
   interval: 5000,
   repeat: false,
   useControls: true,
   fixedControls: 'fit',
   overlayOptions: {
      opacity: 0.75,
      position: 'bottom center',
      hideOnMouseOut: true
   }
});
// ]]>
</script>
<!-- IF S_CALENDAR_RSVPS -->
<script src="{T_TEMPLATE_PATH}/sorttable.js"></script>
<!-- ENDIF -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<!-- If the above line is already present, don't add it again -->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.cookie.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery.collapse.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
   <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

<!-- INCLUDE gallery/plugins_header.html -->
<!-- INCLUDE classifieds_header_include.html -->
</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="outer-wrap">
<div id="wrap">
   <a id="top" name="top" accesskey="t"></a>
   <div id="page-header">
<!-- INCLUDE menu_top.html -->
      <div class="headerbar">
         

         <div id="site-description">
            <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
            <h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p>
<!-- IF AD_CODE5 -->
<br /><div style="text-align:center;">{AD_CODE5}</div>
<!-- ENDIF -->
            <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
         </div>


      <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
         <div id="search-box">
            <form action="{U_SEARCH}" method="get" id="search">
            <fieldset>
               <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
               <input class="button2" value="{L_SEARCH}" type="submit" /><br />
               <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
            </fieldset>
            </form>
         </div>
      <!-- ENDIF -->

         <span class="corners-bottom"><span></span></span>
      </div>


         <div class="inner"><span class="corners-top"><span></span></span>

         <ul class="linklist navlinks">
            <li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

            <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
         </ul>

         <span class="corners-bottom"><span></span></span>
      </div>

   </div>
   <a name="start_here"></a>
   <!-- IF SCRIPT_NAME == "portal" --><div id="page-body-portal"> <!-- ELSE --><div id="page-body"><!-- ENDIF -->
      <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
      <div id="information" class="rules">
         <div class="inner"><span class="corners-top"><span></span></span>
            <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
         <span class="corners-bottom"><span></span></span></div>
      </div>
      <!-- ENDIF -->


Gruss, Darot

P.S Das ganze habe ich erst in meinem Testforum eingebaut. Das Testforum ist aber absolut identisch wie das Hauptforum.
Last edited by Darot on Tue May 08, 2012 11:09 am, edited 1 time in total.
Darot
Posts 10 - 20
Posts 10 - 20
 
Posts: 13
Topics: 1
Joined: Tue May 08, 2012 10:24 am
phpBB.de: Darot

Re: Galerie highslide und Highslide Attachment Mod

Postby nickvergessen » Tue May 08, 2012 11:09 am

Finde:
Code: Select all
<script type="text/javascript" src="{ROOT_PATH}highslide/highslide-full.js"></script>
<link href="{ROOT_PATH}highslide/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// <![CDATA[
hs.graphicsDir = '{ROOT_PATH}highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
   //slideshowGroup: 'group1',
   interval: 5000,
   repeat: false,
   useControls: true,
   fixedControls: 'fit',
   overlayOptions: {
      opacity: 0.75,
      position: 'bottom center',
      hideOnMouseOut: true
   }
});
// ]]>
</script>

Füge davor ein:
Code: Select all
<!-- IF not S_GP_HIGHSLIDE -->

Füge nach dem großen Bloick von oben ein:
Code: Select all
<!-- ENDIF -->
cheers nickvergessen :geek:

Member of phpBB Development-Team
No Support via PM
User avatar
nickvergessen
Administrator
Administrator
 
Posts: 5748
Topics: 217
Images: 139
Joined: Mon Oct 15, 2007 4:15 pm
phpBB.de: nickvergessen
phpBB.com: nickvergessen

Re: Galerie highslide und Highslide Attachment Mod

Postby Darot » Tue May 08, 2012 11:16 am

Erst mal vielen Dank.

Habe die Änderungen durchgeführt, cache geleert und die Style Dateien aktualisiert.

Nun bekomme ich aber folgende Fehlermeldung:
Code: Select all
Parse error: syntax error, unexpected '}' in /home/httpd/vhosts/hundiforum.ch/subdomains/test/httpdocs/test/cache/tpl_hundiforum_overall_header.html.php on line 112

Ich habe auch in den Dateien den cache gelöscht. Bringt leider nichts.

Gruss, Darot
Darot
Posts 10 - 20
Posts 10 - 20
 
Posts: 13
Topics: 1
Joined: Tue May 08, 2012 10:24 am
phpBB.de: Darot

Re: Galerie highslide und Highslide Attachment Mod

Postby Darot » Tue May 08, 2012 11:37 am

Ich habe es vorher auch mal in meinem Hauptforum ausprobiert und auch da bekam ich eine Fehlermeldung:

Parse error: syntax error, unexpected '}' in /home/httpd/vhosts/hundiforum.ch/httpdocs/forum/cache/tpl_hundiforum_overall_header.html.php on line 112

Gruss, Darot
Darot
Posts 10 - 20
Posts 10 - 20
 
Posts: 13
Topics: 1
Joined: Tue May 08, 2012 10:24 am
phpBB.de: Darot

Re: Galerie highslide und Highslide Attachment Mod

Postby Darot » Tue May 08, 2012 1:58 pm

Hallo Nashra

Nun funktioniert es. Vielen Dank.

Wenn ich nun aber ein Bild öffne, verdunkelt sich der Hintergrund nicht mehr. In der Galerie, wie auch in den Beiträgen.
An was könnte das liegen?
Darot
Posts 10 - 20
Posts 10 - 20
 
Posts: 13
Topics: 1
Joined: Tue May 08, 2012 10:24 am
phpBB.de: Darot

Re: Galerie highslide und Highslide Attachment Mod

Postby Nashra » Tue May 08, 2012 2:29 pm

Kann ich leider nicht nachvollziehen. Benutzt du die aktuellste Version von Highslide
oder hast du an einer highslide.js etwas verändert.

Versuche mal dies für die overall_header.html
Code: Select all
<link rel="stylesheet" href="{ROOT_PATH}highslide/highslide.css" type="text/css" />
<script type="text/javascript" src="{ROOT_PATH}highslide/highslide-full.js"></script>
<script type="text/javascript">
   hs.wrapperClassName = 'controls-in-heading';
   hs.outlineType = 'rounded-white';
   hs.fadeInOut = true;


   // Add the controlbar
   if (hs.addSlideshow) hs.addSlideshow({
      slideshowGroup: 'highslide',
      interval: 5000,
      repeat: false,
      useControls: true,
      fixedControls: false,
      overlayOptions: {
         opacity: 1,
         position: 'top right',
         hideOnMouseOut: false
      }
   });
</script>
User avatar
Nashra
Posts 40 - 50
Posts 40 - 50
 
Posts: 43
Topics: 9
Images: 0
Joined: Sun Sep 13, 2009 9:03 am
Location: Geldern
phpBB.de: FRvN
phpBB.com: Nashra

Re: Galerie highslide und Highslide Attachment Mod

Postby Darot » Tue May 08, 2012 2:52 pm

Hi...

So funktioniert es leider gar nicht. Die Bilder in der Galerie lassen sich nicht mehr öffnen. Kann ich eigentlich das highslide in der gallery/plugins und dann den Ordner highslide löschen? Kann es sein das da noch etwas doppelt läuft?

Ich muss jetzt dann zur Arbeit gehen und werde vielleicht heute Abend mal das ganze im Hauptforum einbauen und schauen wie es dann dort mit dem Hintergrund aussieht.

Ja ich habe die neuste Version von highslide (1.1.13) eingebaut und nichts daran verändert.
Darot
Posts 10 - 20
Posts 10 - 20
 
Posts: 13
Topics: 1
Joined: Tue May 08, 2012 10:24 am
phpBB.de: Darot

Re: Galerie highslide und Highslide Attachment Mod

Postby Nashra » Tue May 08, 2012 3:03 pm

Darot wrote:Hi...

So funktioniert es leider gar nicht. Die Bilder in der Galerie lassen sich nicht mehr öffnen.

Ups sorry, hatte jetzt nicht mehr an die Galerie gedacht, muß natürlich dann die
highslide-with-gallery.js benutzt werden :oops:

Darot wrote: Kann ich eigentlich das highslide in der gallery/plugins und dann den Ordner highslide löschen? Kann es sein das da noch etwas doppelt läuft?

Nein da läuft nichts doppelt da in der overall_header.html ja {ROOT_PATH}highslide/highslide-with-gallery.js
eingetragen ist, ergo lädt er nur von dort.
User avatar
Nashra
Posts 40 - 50
Posts 40 - 50
 
Posts: 43
Topics: 9
Images: 0
Joined: Sun Sep 13, 2009 9:03 am
Location: Geldern
phpBB.de: FRvN
phpBB.com: Nashra

Re: Galerie highslide und Highslide Attachment Mod

Postby Darot » Tue May 08, 2012 3:25 pm

Ich verstehe nun nicht ganz, von wo die Galerie das highslide abfragt.

Ich habe in der overal_header nur folgenden Code entfernt:
Code: Select all
<!-- INCLUDE gallery/plugins_header.html -->


Den anderen teil habe ich so gelassen wie es in der Anleitung vom highslide Attachment Mod stand:
Code: Select all
<script type="text/javascript" src="{ROOT_PATH}highslide/highslide-full.js"></script>
<link href="{ROOT_PATH}highslide/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// <![CDATA[
hs.graphicsDir = '{ROOT_PATH}highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
   //slideshowGroup: 'group1',
   interval: 5000,
   repeat: false,
   useControls: true,
   fixedControls: 'fit',
   overlayOptions: {
      opacity: 0.75,
      position: 'bottom center',
      hideOnMouseOut: true
   }
});
// ]]>
</script>


Wenn ich den von dir einbaue, funktionieren die Bilder in der Galerie nicht mehr.
Liegt es allenfals an dem, dass der Hintergrund nicht mehr verdunkelt wird? Komischwerweise funktionieren so die Bilder in der Galerie, jedoch habe ich keine Ahnung von wo nun die Galerie weiss, wo das highslide abzurufen ist.
Darot
Posts 10 - 20
Posts 10 - 20
 
Posts: 13
Topics: 1
Joined: Tue May 08, 2012 10:24 am
phpBB.de: Darot

Re: Galerie highslide und Highslide Attachment Mod

Postby Nashra » Tue May 08, 2012 4:01 pm

Darot wrote:Ich verstehe nun nicht ganz, von wo die Galerie das highslide abfragt.

Ich habe in der overal_header nur folgenden Code entfernt:
Code: Select all
<!-- INCLUDE gallery/plugins_header.html -->

Korrekt, der muß weg sonst hast du es wieder doppelt wie zuerst

Darot wrote:Den anderen teil habe ich so gelassen wie es in der Anleitung vom highslide Attachment Mod stand:
Code: Select all
<script type="text/javascript" src="{ROOT_PATH}highslide/highslide-full.js"></script>
<link href="{ROOT_PATH}highslide/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// <![CDATA[
hs.graphicsDir = '{ROOT_PATH}highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
   //slideshowGroup: 'group1',
   interval: 5000,
   repeat: false,
   useControls: true,
   fixedControls: 'fit',
   overlayOptions: {
      opacity: 0.75,
      position: 'bottom center',
      hideOnMouseOut: true
   }
});
// ]]>
</script>

Wenn ich den von dir einbaue, funktionieren die Bilder in der Galerie nicht mehr.
Liegt es allenfals an dem, dass der Hintergrund nicht mehr verdunkelt wird?

ich hatte doch geschrieben das der letzte von mir falsch war wegen der Galerie
entferne die zwei // bei
Code: Select all
//hs.dimmingOpacity = 0.75;
dann wird es auch wieder abgedunkelt

Darot wrote: Komischwerweise funktionieren so die Bilder in der Galerie, jedoch habe ich keine Ahnung von wo nun die Galerie weiss, wo das highslide abzurufen ist.

doch weiss sie, durch die Pfadangabe im overall_header.html -->> {ROOT_PATH}
welches für das Root-Verzeichnis steht wo sich alle Daten/Verzeichnisse befinden wie z.B. die .htaccess, index.php usw.
User avatar
Nashra
Posts 40 - 50
Posts 40 - 50
 
Posts: 43
Topics: 9
Images: 0
Joined: Sun Sep 13, 2009 9:03 am
Location: Geldern
phpBB.de: FRvN
phpBB.com: Nashra

Next

Return to Support

Who is online

Users browsing this forum: No registered users and 1 guest