Is it possible to add an overlay like in this example: http://vegas.jaysalvat.com/documentation/overlay/ ?

Comments

ahlofan’s picture

hi memoo,

Actually I always wanted to add this kind of feature into this module but didn't have a force until you mention it. The jquery plugin you mentioned above is actually another similar plugin to Supersized!, so its really not easy to use the overlay it provides. However, at the moment, you could add a

at the bottom of your page with the following css:

#supersized-overlay {
background: url('path/to/your/background.png') transparent;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: -998;
}

I hope it helps to have an urgent action, and thanks again, I'm going to add this kind of feature, and make it works out of the box with this module.

ajfernandez’s picture

Hi memoo,

have you tried the Vegas Background jQuery Plugin module for Drupal? I think this module could be useful for you. Maybe this module has the feature you need.

Greetings!

memoo’s picture

@ ajFernandez: Yes, I tried Vegas Background jQuery Plugin. Looks good too, but I need a limitation to certain pages as in this feature request -> http://drupal.org/node/1929888. For now I'll go for the quick fix as ahlofan suggested in #1.

@ ahlofan: I think that an 'overlay' feature would add a lot of value to the supersized! module. And thanks for your quick response!

Thanks!

edit: #1 did the trick

ahlofan’s picture

Status: Active » Closed (fixed)
ahlofan’s picture

Title: Is it possible to add an overlay? Like in Vegas? » Overlay texture like Vegas
Version: 7.x-1.2 » 7.x-1.x-dev
Component: Miscellaneous » Code
Category: support » feature
Status: Closed (fixed) » Needs review

I'm reopening this issue because I have just pushed my latest code to the dev with overlay features. It would be nice is someone could download the dev and play around with it.

A new overlay settings is under "functionality" group.

I'm planning to create a hook too add custom texture as well. Will be coming soon.

ahlofan’s picture

1.3 beta is released. anyone please feel free to try it out.

federico.bebber’s picture

Was working fine till last updates (tried also latest dev but same issue)
now i see "Notice: Undefined index: 02 in supersized_overlay() (line 965 of /var/www/drupal7/sites/all/modules/supersized/supersized.module)."
No overlay in front-end and also can't see overlay textures in admin interface.

ahlofan’s picture

did u try this version?

http://drupal.org/node/1993318

federico.bebber’s picture

yes it was updated by drush will try to disable-reinstall now

federico.bebber’s picture

yes still same error, saw on firebug that it's a path error (my drupal installation is in a subdirectory, maybe it's related)

"NetworkError: 404 Not Found - http://myserver/sites/all/modules/supersized/images/overlay_01.png"

the correct path should be

"http://myserver/drupal7/sites/all/modules/supersized/images/overlay_01.png"

overlay was workin fine with the previous dev version

ahlofan’s picture

hi federico.bebber,

Updated the code, so that the image path is constructed by url(). Just pushed the changes in a minute ago, you may download the latest dev later, and try again. Thanks!

federico.bebber’s picture

still getting same errors (path error)
i give you the link of working version (the one i'm actually using)
http://drupalcode.org/project/supersized.git/snapshot/17a7635a61b17010b8...

ahlofan’s picture

hi federico.bebber,

Tried to run with inner directory, i.e. http://localhost/my_drupal/, and found that there was still problem display overlay images on the edit form, and I just got it fixed and pushed to dev. Frontend seems to be fine to me, would like to confirm is that the case for you too?

The snapshot you got there works perfectly indeed, however, I made further changes so that developers could add custom texture, so the way I coded it is different now.

Aaron

federico.bebber’s picture

still the same also with latest dev, maybe something on my configuration side?
anyone else tryed this?
i just find strange that the old snapshot works great, sorry

ahlofan’s picture

it works in the older snapshot because the pattern images are fixed and I knew where the images are, so I can easily create static CSS. Since I make these images "hookable", so images are depends on the "file path" of the array.

The way I do now is:

Line: 214 on supersized.module

function theme_supersized_overlay($variables) {
  $overlay = supersized_overlay($variables['overlay_key']);
  $path = url($overlay['file path'] . '/' . $overlay['file']);
  return '<div id="supersized-overlay" style="background-image: url(' . $path . ');"></div>';
}

I don't think there would be any problem while using url(). You sure the one you downloaded is on the May 24th? Because sometimes the latest code wouldn't pop up until after a few hours. Not too sure why though.

federico.bebber’s picture

yes still getting same errors, but as i the only one who reported this i suppose it's something on my conf
(strange cause i cant get any kind of error from other modules)
i'll stick with my working snapshot and retry soon, thanks a lot for your work!

ahlofan’s picture

Status: Needs review » Closed (fixed)