Viewing 30 posts - 1 through 30 (of 32 total)
1 2
  • Author
    Posts
  • August 30, 2014 at 7:31 am #311182
    vic98

    Hi there,

    I’d really like to use the hotspots feature on as image in the layer slider.
    I’ve created an image with hotspots then cut the code into the html section of the layer slider but I think I’ve copied the area that looks for the image as well and it’s causing a white box to display.
    Could you help sort out the piece of code I don’t need, I’ve copied it below??

    [av_image_hotspot src='https://dhmc.hyperdesign.co.nz/wp-content/uploads/2014/08/Moss-Mould-treatments.jpg' attachment='3253' attachment_size='full' animation='pop-up' hotspot_layout='numbered' hotspot_mobile='aviaTBhotspot_mobile']
    [av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-left' tooltip_width='av-tt-default-width' tooltip_style='main_color' hotspot_color='custom' custom_bg='#104b95' custom_font='' custom_pulse='' hotspot_pos='62.5,57.5']
    Moss and mould treatments for masonary, concrete and brick work
    [/av_image_spot]
    [av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-left' tooltip_width='av-tt-default-width' tooltip_style='main_color' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='25,71']
    Roof Treatments – removal of moss and mould and roof cleaning
    [/av_image_spot]
    [av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-left' tooltip_width='av-tt-default-width' tooltip_style='main_color' hotspot_color='custom' custom_bg='#104b95' custom_font='' custom_pulse='' hotspot_pos='79.2,86']
    Superior moss and mould removal from concrete walls, driveways and paths
    [/av_image_spot]
    [/av_image_hotspot]

    August 30, 2014 at 10:18 am #311201
    Josue

    Hey!

    I just tested something like that on my end and it worked, can you post a link to your website?

    Please note that the image with hotspots element is not meant to be used in this environment so we can’t ensure its full functionality.

    Cheers!
    Josue

    August 30, 2014 at 10:25 am #311206
    vic98

    Hi Josue,

    I realised the hotspot isn’t suppose to be in the layer slider but I imagine you’ll adapt the theme soon because it’s such a cool feature.
    Link to site below – many thanks :)
    http://dhmc.hyperdesign.co.nz/

    August 30, 2014 at 10:35 am #311210
    Josue

    Hey!

    Seems to be working fine – http://screencast.com/t/vxtcjmdyoCx

    I’d suggest removing the image layer behind of it.

    Regards,
    Josue

    August 30, 2014 at 11:03 am #311228
    vic98

    Interesting in Firefox browser no image is visible, however in Chrome and IE it works.
    What browser were you using to view website???
    Cheers Vicki

    August 30, 2014 at 11:17 am #311238
    Josue

    Hi!

    In Chrome, but i just tested it on Firefox and it works too – http://screencast.com/t/xNuiAcXK

    Cheers!
    Josue

    August 30, 2014 at 11:35 am #311245
    vic98

    Many thanks for your help.
    I might have to clear my browser history to view it correctly :)
    Cheers

    August 30, 2014 at 11:36 am #311247
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

    February 28, 2015 at 3:42 pm #403848
    Dilbert

    Hi Josue,

    I also tried to implement images with hotspot into layerslider as described. Everything works finde except the full width. The image always shows up in the original size, although the page with the image is built up with fullsize option.

    Best regards
    Dilbert

    February 28, 2015 at 8:14 pm #403891
    Josue

    Hi Dilbert,

    Can you post the link to your website please?

    Regards,
    Josue

    March 1, 2015 at 3:08 pm #404064
    Dilbert

    Hi Josue,

    yes of course. Here you are:

    http://www.o-p-f.com

    It is the second slide! The others are workarounds. Slider settings are set to 100% width and 865px height with fullscreen option ON.

    Regards
    Klaus

    March 4, 2015 at 3:05 pm #405785
    Dilbert

    Hi Josue,

    any chance to solve this problem?

    Regards
    Klaus

    March 4, 2015 at 4:08 pm #405829
    Josue

    Hi Klaus,

    Can you please create me a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    March 4, 2015 at 4:31 pm #405847
    Dilbert
    This reply has been marked as private.
    March 4, 2015 at 5:12 pm #405875
    Josue

    Hi!

    Login details are not working, please check.

    Cheers!
    Josue

    March 4, 2015 at 6:14 pm #405938
    Dilbert
    This reply has been marked as private.
    March 4, 2015 at 10:16 pm #406089
    Josue

    Hey Klaus!

    Check it now, i used this CSS code:

    .ls-hotspots {
    width: 100% !important;
}

    Set ls-hotspots class to the layer containing the Hotspot element.

    Best regards,
    Josue

    May 23, 2015 at 5:49 pm #449079
    Dilbert

    Hi there,

    again problems with HOTSPOT images in the layerslider :-(

    I copied as adviced the code into the content section and added the hoptspot class. It all worked fine until I added additional slides this way. From now on none of these slides appeared on the stage – only a black background. When repeating it happend thart one of the slides shows up but the other not. I cleared all caches but the problem still exists.

    URL: o-p-f.com

    Thx
    Dilbert

    May 23, 2015 at 10:58 pm #449129
    Josue

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    May 25, 2015 at 11:44 am #449467
    Dilbert
    This reply has been marked as private.
    May 26, 2015 at 9:34 am #449911
    Dilbert

    Hi Josue,

    just an idea: Perhaps it would work better with Revolution Slider?

    Best regards
    Klaus

    May 26, 2015 at 11:08 am #449974
    Josue

    Maybe, give it a try if you have it available.

    Best regards,
    Josue

    May 26, 2015 at 2:04 pm #450074
    Dilbert

    Hi Josue,

    yes I will. Nevertheless, could you try to determine what went wrong with layerslider?

    THX
    Klaus

    May 26, 2015 at 8:30 pm #450298
    Dilbert

    Sorry Josue, I thought Revolution Slider is integrated in enfold. I mistook it with another theme. It would be great if you could have a look at the layerslider problem. The admin account is still accessible.

    Thank you
    Klaus

    May 26, 2015 at 9:04 pm #450315
    Dilbert
    This reply has been marked as private.
    May 27, 2015 at 1:21 am #450370
    Josue

    Hi Klaus!

    No i don’t, sorry. I’m checking the slider right now but it couldn’t note any slide going black, can you point which slide is the one with the problem?

    Best regards,
    Josue

    May 27, 2015 at 8:15 am #450458
    Dilbert
    This reply has been marked as private.
    May 28, 2015 at 12:02 am #450840
    Josue

    Hi Klaus!

    Check it now, the hotspots shortcodes had some weird characters in their attributes, i cleaned them up and now it seems to be working as expected.

    Best regards,
    Josue

    November 11, 2015 at 4:35 pm #534181
    ae88

    Hi Josue,

    wie erhalte ich den Shortcode des Elements “Image with Hotspot”?
    Ich habe das Image with Hotspot auf einer separaten Seite erstellt und möchte nun den Shortcode in den Layerslider einfügen.
    Ist das der richtige Weg?
    DANKE und schöne Grüße

    November 12, 2015 at 1:45 pm #534726
    Andy

    @ae88
    Shortcodes kannst du sehen indem du den debug mode einschaltest.

    Gruß,
    Andy

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 32 total)
1 2
  • The topic ‘Hotspots on images in Layer slider’ is closed to new replies.