Slideshow - Darstellung ändern
Eingetragen von Weberdek (10)am 03.05.2017 - 13:49 Uhr in
Hallo,
ich habe auf meiner Startseite eine Slideshow eingeblendet.
Ich finde jedoch nicht die Einstellungen für diese.
Die Bilder die ich in die Slideshow einbinde, werden wie eine Art Diashow angezeigt, nach einiger Zeit erscheint ein neues Bild.
Ich würde gerne die Zeit anpassen, wie lange ein Bild angezeigt wird.
Außerdem ist auf dem Bild noch eine Art "Farbe"
Wie man auf dem Bild sieht, wird das Bild nach unten hin immer dunkler. Das Originalbild hat jedoch eine einheitliche Farbe, auch das würde ich gerne entfernen.
Kann mir jemand sagen wo ich dies einstellen kann?
Gruß
| Anhang | Größe |
|---|---|
| slideshow.jpg | 26.55 KB |
| Slideshow 1.jpg | 25.84 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Kommt die Slideshow aus
am 03.05.2017 - 13:55 Uhr
Kommt die Slideshow aus Deinem Theme (Welches)? Dann mußt Du dort nach den zugehörigen JavaScript suchen und in dem Änderungen vornehmen. Manchmal hat ein Theme dafür auch zusätzliche Einstellmöglichkeiten. Deine Angaben reichen aber nicht, um Dir weiter zu helfen.
Soweit ich das erkennen kann:
am 03.05.2017 - 13:59 Uhr
Soweit ich das erkennen kann: Home » Administration » Structure » Blocks >> 'Slideshow - Boxed Width'
Sollte es hier raus kommen: Directory+ (default theme)
So wie es aussieht müsste das
am 03.05.2017 - 15:29 Uhr
So wie es aussieht müsste das hier der entsprechende Code sein.
Weiß leider noch nicht genau wo ich die entsprechenden Einstellungen hier vornehmen kann.
<div class="container boxed-slideshow">
<div id="slideshow" class="bannercontainer main-slider">
<?php $rs_boxed_effect=theme_get_setting('rs_slideshow_boxed_effect'); ?>
<div class="banner">
<ul>
<?php foreach ($rows as $id => $row) { ?>
<?php $view = views_get_current_view();
$nid = $view->result[$id]->nid;
$node = node_load($nid);
$lang = 'und';
$image = image_style_url('mt_slideshow_boxed', $node->field_mt_teaser_image[$lang][0]['uri']);
$title = $node->field_mt_teaser_image[$lang][0]['title'];
$alt = $node->field_mt_teaser_image[$lang][0]['alt'];
if ($node->type=='mt_slideshow_entry') { ?>
<li data-transition="<?php print $rs_boxed_effect ?>" data-masterspeed="800">
<img src="<?php print $image; ?>" title="<?php print $title; ?>" alt="<?php print $alt; ?>"/>
<div class="tp-caption transparent-bg"
data-x="center"
data-y="bottom"
data-speed="800"
data-start="0">
</div>
<div class="tp-caption transparent-gradient-bg"
data-x="center"
data-y="bottom"
data-speed="800"
data-start="0">
</div>
<div class="tp-caption title-teaser-text sft fadeout"
data-x="center"
data-y="bottom"
data-speed="500"
data-start="1200"
data-voffset="-25"
data-easing="easeOutQuad">
<div class="title">
<?php $title = $node->title; ?>
<?php if ($node->field_mt_slideshow_entry_path) { ?>
<?php $path = $node->field_mt_slideshow_entry_path[$lang][0]['value']; ?>
<a href="<?php print url($path); ?>"><?php print $title; ?></a>
<?php } else { ?>
<span>
<?php print $title; ?>
</span>
<?php } ?>
</div>
<?php if ($node->field_mt_teaser_text) { ?>
<?php $field_mt_teaser_text = $node->field_mt_teaser_text[$lang][0]['value']; ?>
<div class="teaser-text"><?php print $field_mt_teaser_text; ?></div>
<?php }; ?>
</div>
</li>
<?php } else { ?>
<li data-transition="<?php print $rs_boxed_effect ?>" data-masterspeed="800">
<?php print $row; ?>
</li>
<?php } ?>
<?php } ?>
</ul>
<div class="tp-bannertimer tp-bottom"></div>
</div>
</div>
</div>
<?php
$rs_slideshow_boxed_effect_time = (int) theme_get_setting('rs_slideshow_boxed_effect_time')*1000;
$rs_slideshow_boxed_height = (int) theme_get_setting('rs_slideshow_boxed_height');
$rs_slideshow_caption_opacity = (int) theme_get_setting('rs_slideshow_caption_opacity')/100;
if (theme_get_setting('rs_slideshow_boxed_preview')) {
$rs_directional_preview = "preview1";
} else {
$rs_directional_preview = "square";
}
drupal_add_js('
var tpj=jQuery;
tpj.noConflict();
tpj(document).ready(function($) {
if (tpj.fn.cssOriginal!=undefined)
tpj.fn.css = tpj.fn.cssOriginal;
var api = tpj(".bannercontainer .banner").revolution({
delay:"'.$rs_slideshow_boxed_effect_time.'",
startheight:'.$rs_slideshow_boxed_height.',
startwidth: 1140,
onHoverStop: "off",
navigationStyle: "'.$rs_directional_preview.'",
navigationVOffset: 15
});
api.bind("revolution.slide.onloaded",function (e,data) {
jQuery(".tparrows.default").css("display", "block");
jQuery(".tp-bullets").css("display", "block");
jQuery(".tp-bannertimer").css("display", "block");
});
$(".transparent-bg").css("backgroundColor", "rgba(0,0,0,'.$rs_slideshow_caption_opacity.')");
});',
array('type' => 'inline', 'scope' => 'header'));
?>
Das 1. Problem konnte ich
am 04.05.2017 - 14:09 Uhr
Das 1. Problem konnte ich lösen.
Durch löschen des Codes sind die Bilder nun zum Ende hin nicht mehr schwarz.
Jedoch habe ich noch das Gefühl, dass eine Art "grauer Schleier" auf den Bildern liegt.
Das Orig. Bild ist komplett weiß, auf der Website wird das weiß jedoch zu einem grauen-weiß.
Jemand noch eine Idee?
<div class="tp-caption transparent-gradient-bg"data-x="center"
data-y="bottom"
data-speed="800"
data-start="0">
</div>
Es gibt doch offenbar im
am 04.05.2017 - 15:04 Uhr
Es gibt doch offenbar im Theme Einstellungen für einige Werte der Slideshow
<?PHP $rs_slideshow_boxed_effect_time = (int) theme_get_setting('rs_slideshow_boxed_effect_time')*1000;$rs_slideshow_boxed_height = (int) theme_get_setting('rs_slideshow_boxed_height');
$rs_slideshow_caption_opacity = (int) theme_get_setting('rs_slideshow_caption_opacity')/100;
?>
Hast Du mal mit dem Wert für Opcacity experimentiert? Ich weiß nicht ob 1 oder 0 sinnvoll ist.
Tatsächlich, die 0 macht das
am 05.05.2017 - 09:08 Uhr
Tatsächlich, die 0 macht das Bild nun komplett weiß, die 1 wäre schwarz.
Vielen Dank!
Die Bilder sind komischerweise noch etwas unscharf/verpixelt. Die original Bilder haben definitiv die richtige Auflösung.
In der Datei kann man da wahrscheinlich nichts mehr dran machen oder?
Evtl. in der style.cc Datei?