Home Forums Search Search Results for 'slider with image links'

Viewing 16 results - 33 through 48 (of 51 total)
  • Author
    Search Results
  • #29720
    scrambler
    Moderator

    What I see on that site does not quite match what you were asking.

    I see a slide open menu, that has been positioned above a slider.
    The slide open menu is quite elaborate and will not be easy to recreate. If you have Plus, you can probably approximate it with an extra accordion menu shortcode.
    Positioning it over the slider will be easy with Custom CSS once all is in place.

    In the slider itself, you have the images with text and link above them at the bottom (matches what I told you), and that text across two images at a time. This part may be tricky to do with a real text overlay, but I will have a look and let you know. The easy part would be to build the text in the image itself but would require image editing skills.

    But slider and menu are two different things, so you need to work on them separately one at a time then work on putting them on top of each other.

    #29719
    RonaldBrinkNL
    Participant

    Sorry this is the sample site : https://www.rijksmuseum.nl/

    #29718
    RonaldBrinkNL
    Participant

    Hi scrambler, thanks for this initial information which is very helpfull.
    For 2) I hereby sent you the link of a site (not made with WordPress) which shows you within the homepage what I want to achieve on my WordPress/Weaver Xtreme site.
    Hope you can help me out to address this.

    #29717
    scrambler
    Moderator
    For 1) and 3) you just need to use a post slider by using Weaver Show posts  and Weaver Show Slider together.

    You can create each image as a Slider post, give all the slider posts the same group name.
    Compose each post with the proper HTML to have an image and your text on top.
    Base logic, is you insert the image in the post content, then add the text with a position absolute so it will  go over the image. You can make any part of that text a link.

    Then you create a filter with weaver show posts that selects your group of slider posts and define how they are to be displayed.
    Then you create a slider that uses that filter as its content source

    For 2) are you implying you will be creating a carousel  slider with several slides visible at a time?
    If so what is the logic of the text, Is it one fixed piece of text that is above the slider all the time, or are you saying that some slides will have a text that would extend over the next image? 
    We will need more info once the base slider is in place


    Notice: Undefined index: size in /home/weaverth/public_html/forum.weavertheme.com/wp-content/plugins/weaver-for-bbpress/includes/wvrbbp-runtime-actions.php on line 280
    RonaldBrinkNL
    Participant

    I would like to have the following in my slider :
    1) Transparent text which is place on top of each image of the slider
    2) Tranparent text which is accross several images of the slider
    3) A link on top of each image of the slider, so I can use the slider as a menu

    #29613
    scrambler
    Moderator

    when you says it shows the wrong slider, do you mean the wrong images?
    If so

    If you go to the single post page  of the Slider post that holds the gallery, are the images shown in the gallery the proper ones (give us a link to that page)
    Also create a test page with just the slider based on the slider post above and give a us a link to that page too.

    And give us the links to the various images that are supposed to be used in the slider

    #29609
    scrambler
    Moderator

    if the problem is that it is showing the wrong images, then something may have gotten mixed up when you moved the site.

    One way to clear things up would be to delete the images from the media library, re upload them from scratch, and recreate the slider.
    You can also try resaving the permalinks

    #29468
    stevebale
    Participant

    ok thanks, I did try those options but it didn’t take effect.
    Here are the options I’m using:



    Carousel multiple sliding items
    no paging
    show slider as images
    default filter
    post slug:rollem

    no nav buttons
    add links to images

    slider width 200%
    centered

    images from media library: Medium

    Minimum number of visible carousel items. (Default: 4)

      Maxmimum number of visible carousel items. (Default: 4)

    nothing else selected or changed from default apart from timing and random order.

    thanks.

    joejacobson
    Participant

    I found some documentation for the html insertion, but not the show_if shortcodes.  Can you please suggest any links or threads that go into step-by-step detail for both the html and show-if?

    Thanks, Joe.

    Edradour_a
    Participant

    In Weaver Xtreme, Advanced Options->Head Section I am trying to save something like this:

    <link rel=”icon” type=”image/png” href=”/favicon/favicon-16×16.png?v=qAAQRRexyj” sizes=”16×16″>

    What is actually being saved is:
    <link rel=”icon” type=”image/png” href=”/favicon/favicon-16×16.png?v=qAAQRRexyj”>

    The sizes attribute is not being saved.  I’ve tried this both with and without quote marks, and in both the head and the advanced head sections.

    According to the HTML5 specification, where rel=”icon”, the sizes attribute should be available (https://www.w3.org/TR/html5/document-metadata.html#the-link-element).
    It would be helpful to be able to use other permutations of rel=”icon”, for example: <link rel=”apple-touch-icon” href=”/favicon/apple-touch-icon-57×57.png?v=qAAQRRexyj”>

    {edit} useful to have:
    <link rel=”apple-touch-icon” href=”/favicon/apple-touch-icon-57×57.png?v=qAAQRRexyj” sizes=”57×57″>
    {/edit}

    {edit 2}

    Weaver Xtreme – Version 2.1.1
    Weaver Show Posts – Version 1.3.6
    Weaver Show Sliders – Version 1.4.3
    Weaver Xtreme Theme Support – Version 2.1.2

    {/edit 2}

    aezzell
    Participant

    I found a thread from 2014 that was discussing this, and there was a solution using posts with permanent redirects set up through a plugin, and some other workaround that made my 5:00 brain whimper.

    That was 2 years ago.

    So… is there still no (reasonably straightforward) way to create a slider for a home page that has 5-6 images, each of which links to a specific page within the web site?

    You know – like a gazillion billion web sites do on a regular basis?

    #26470
    Weaver
    Keymaster

    The links you provided are for a gallery, and not [show_sliders], so I will have to guess what you really are asking.

    Weaver does not provide options for controlling layout of [gallery]. You can have [show_sliders] show the [gallery] as a slider as an alternative.

    So, I’m going to assume you want to know how to control the number of horizontal slides shown in a [show_sliders].

    First, that question makes sense only in the context of a Carousel slider. As usual, slider options are set on the “Weaver Posts & Slider Options” admin page.

    In the Advanced Options section there is a group of options for “Carousel Options”. These include Minimum and Maximum number of items. Depending on the width of the slider, the width of your images, and some other interactions, these values are the only option available to control number if images displayed in a carousel.

    csapoa
    Participant

    Hi, 

    1. Use the shortcodes [show_posts] or [show_slider name=]
    2. The featured images are links to the full sized images
    I didn’t find a way how the featured image could link to the post url and open the post if clicked.
    Thanks!
    #23550
    mafgirl
    Participant

    DOH! I’d forgotten that WP puts the full url when uploading media and that’s the URL of my local WAMP site. I’ve fixed that now and the links are now all /wp-content/uploads/2015/07/fotolia_81174632.jpg etc.
    However, I still only get ‘the continue reading’ on a mobile rather than the image… when i click it it shows the photo now, so that is not the issue..

    Andrewjmarino
    Participant

    Hi,

    This is my first attempt at using the Weaver Posts/Sliders features and I am a very casual website administrator (2 sites).
    I managed to create my first slider – as a static gallery. I have three questions.
    1) How do I add a link to the image(s)? So, that clicking each image  links to the page on the website? 
    I can’t find a way to do it through the Media Library, Create Gallery feature or through the Slider plugin.
    I managed to add a link to the text using the Description Field in the Media Library (see below). 
    While I can live with this solution, I want to know how to also do the same thing (linking) for the images.
    2) I cannot get the slider to center on the page
    Under Advanced Options > General Slider Layout Slider Width is set to default (nothing in the box) and I checked the Position of slider if width specified to “Center”
    3) This is what I entered into the Description box in the Media Library to get the text the way I want it. I left the Caption and Alternative Text fields/boxes empty
    It seems to be working, but is it the “right way and coding” to use?
    <a href=”http://bareebo.org/water/biosand-filters/&#8221; target=”_blank”><center><p style=”font-size:20px”>Biosand Filters</p></center></a>

    <center>Biosand filters provide safe drinking water through the removal of bacteriological and viral contaminants.</center>


    Thanks

    Andrew

    #23083
    Bobthearch
    Participant

    I haven’t used SlimJP, but I maintain multiple websites that utilize a variety of slideshow and image plugins.
    Your slideshow width may be limited by two things other than the plugin’s limitations:

    First, it may be self-adjusting to the width of the photos.  If the photos are 900px wide, the plugin won’t show them at a width of 1200px, for example.

    Second, the slide show may be ‘trapped’ within the container.  If the slideshow is posted in your main content, and the main content area is 900px, again for example, it’ll be difficult to show a 1000px image at full width.  It can be done with some custom code, but I’ve had minimal luck with it.


    Here are the slideshow features I’m using:

    http://placesandpics.com/
    At the top of the main page I’m using “Huge IT Slider” within the container_top area provided by WeaverX theme, and making it full width with some custom code provided by scrambler, .home #container {padding:0;} .  The full page width is 1200px, and all of the images are 1200px wide.

    http://placesandpics.com/photo-tours/jurassic-drive/
    At the bottom of this page is a slideshow within the main content area created with the plugin Photo Gallery by WebDorado.  The slideshow width is adjustable and currently set to 1200px but it’s trapped within the content area that is 900px wide, which doesn’t matter because each image is only 900px wide anyway.

    http://placesandpics.com/photo-tours/mudgee-region-historic-drive/
    On this page I wanted to do something to really feature the photos, so I used the same plugin as above, Photo Gallery by WebDorado, to create an “image browser” slideshow that isn’t constrained by any container.  Each photo is 1200px wide, and the slideshow width is set to 1200px.


    Here are the plugin links:
    HugeIT Slider.  I was able to do everything I needed with only the free version: 
    https://wordpress.org/plugins/slider-image/

    Photo Gallery.  There is a paid upgrade version available with more options and features, but the free version has a lot of functionality and is all I usehttps://wordpress.org/plugins/photo-gallery/

    I tried about a hundred different plug-ins looking for ones that worked as advertised and did what I needed before settling on these.  Hope this helps!

Viewing 16 results - 33 through 48 (of 51 total)