Image with title/Description Hover on MouseOver

Hi all

So currently I have trouble getting it's perfect. I have a picture that fills dynamically, as well as title, Description and link to the detail page. The problem is that the hover is not centered in the image and in Internet Explorer, it still does not appear when you hover over. If someone could please help me I would be very happy! I couldn't get this to work properly and power, worked for a week.

Here is the html/php code:

< div class = "featured2" >

featured < h2 > < / h2 >

<? PHP foreach ($feature as $featured) {? >}

< div class = "Star-pic2" >

< img src = "image / <?" PHP echo $featured ['filename'];? ">" alt = "" width = "320" height = "320" / > "

< div class = "Title2" >

< a href = "details.php? site = <?" PHP echo $featured ["link_name"];? > ">"

< span >

< h2 > <? PHP echo $featured ['name'];? > < / h2 >

< p > <? PHP echo substr ($featured ['description'], 0, strpos ($featured ['description'], '.') + 1);? > < / p >

< /a >

</span >

< / div >

< / div >

<? PHP}? >

< / div >

And here's the CSS

relative-pic2}
position: relative;
float: left;
Width: 320px;
height: 320px;
padding: 5px 5px 5px 5px;
{border: #F00}

{.title2}
left: 0px;
Top: 0px;
position: absolute;
float: left;
Width: 325px;
height: 325px;
Top: 0px;
left: 0px;
}

. Title2 a {}
color: #FFF;
Width: 320px;
height: 320px;
display: block;
text-decoration: none;
}

. Title2 a: hover {}
Background: #000;
opacity:. 60;
Filter:alpha(opacity=60);
}

. Title2 a span {}
display: none;
padding: 0px;
}

. Title2 has: hover {span
display: block;
}

'S done it with jQuery. The softness is due to the easing in jQuery.

Have a look here: http://www.queness.com/post/844/create-a-thumbnail-with-fading-caption-using-jquery

It has a live demo that I am sure you want and also a tutorial as well as the file source that you can use in your own project.

-ST

Tags: Dreamweaver

Similar Questions

  • PMPI 1 - SV: I need an image with the description of a motherboard

    Hi I recently added a graphics card for my pc and power supply, the two do not correspond to the original case. I bought a new case of spacious and transferred all the components. But I had trouble knowing where to connect the cables to the front on this motherboard: PMPI 1 - SV

    Can someone help me by telling me where are the opportunities to connect only the leds?

    Descriptions of leds are:-Power led + (one pin)(white cable)

    -Power Led-(one pin) (blue cable)

    -Led(two pins) HDD (Orange and white cable)

    I already understood where I could plug the SW (two pins) POWER (red and black) so that it starts the pc, it goes down to the left of two flat pins for us from the point of view of the second photo.

    Please somebody guide me.

    Hello

    HP uses a pin standard façade for a number of years.

    The LED pins are sensitive poliarity. If the LEDs do not work then invert the wires.

  • Adding images with descriptive text beside her

    Hello everyone im trying to add pictures with a description for each of them. Im not sure how much I need images, but it will also be nice that I can scroll to the bottom where they do not match the screen. something like that.

    |--------------|              It's the

    |                   |             Description

    |   imgage |             for the image

    |--------------|

    Thanks in advance! I appreciate really any kind of help.

    To do this, the easiest method is to create a HorizontalFieldManager, then add to that, the Image in a BitmapField and the text in a RichTextField.  Give this a go and see if it matches what you want.

    You can add them directly to your screen and everything should scroll as you want.

  • How to export a PDF from Bridge CS6 with the 'description' field in the visible metadata below each image?

    Working in Bridge CS6 and must be able to export images to an email and each visible 'description' of the image.

    Happy to do using bridge of the output panel to the pdf format, but I can't seem to find a way to add the news of 'description' as well?

    Does anyone know of a script that does this? or how do I export with the 'description' directly to the email?

    Hi kailanam,

    I have a link for you on the export using Bridge feature.

    Bridge help | Export photos from Adobe Bridge on the web | CS6, CS5

    It will be useful.

    Kind regards

    ~ Mohit

  • How to escape the quotes in image.metadata.title

    Was working on a web template that uses image.metadata.title and image.metadata.description but when my user place a quote "or an apostrophe I get an error in the processing of the page html or xml I'm generation. What I would like something isg as php htmlspecialchars. I tried the following:

    String.format('%Q',image. Metadata.title) who escapes from the "------" and the apostrophe with------' but I will get in my xml

    < image title = "She said \"this isn\ ' t work------"" > "

    "Unfortunately the------" isn't escape the quote in xml, I would like to have

    < image title = "says she & quot; This n & #039; work & quot; ">

    Similarly, if my user wants to thml in the title of the image or the title I'm getting the same problem.

    It would be nice to have a function SDK for HTML quoting.  But in the meantime I think you should use string.gsub () to make your own replacements, for example

    String.gsub (s, "\ '", "'")

    You can pass an array to the third parameter, which allows you to make all necessary substitutions with call to string.gsub ().

  • Anyone know why, when I try to open an image with camera raw in Bridge, it is said: "the camera raw editing is not enabled.

    Hi guys,.

    Anyone know why, when I try to open an image with camera raw in Bridge, it is said: the camera raw editing is not enabled. Camera raw edition requires a product calling has been launched at least once this feature.  What should I do?

    Thanks in advance :)

    original title: problems of camera raw

    Try the Adobe forums

    http://www.bing.com/search?q=Camera+raw+editing+requires+that+a+qualifying+product+has+been+launched+at+least+once+site%3Aadobe.com&qs=n&form=QBRE&pq=camera+raw+editing+requires+that+a+qualifying+product+has+been+launched+at+least+once+site%3Aadobe.com&sc=0-0&sp=-1&sk=

  • Replace the Windows 8 of HPs recovery image with windows 8.1

    Hello

    Is after going through the upgrade process to windows 8.1 on my HP Envy X 2, now possible to replace the recovery image by default on my partition recovery with one for version 8.1?  I don't want to have to re - update if I do a "refresh your PC without affecting your files' or 'remove all and reinstall Windows.

    Is it possible and supported by HP to change the recovery image in the recovery partition?

    If so, is there any procedure for support to do?

    Concerning

    Anthony

    Sorry, but no.... the Windows 8 by default on the HP Recovery partition recovery image is the only one available. It's the image of origin provided by HP and there is no procedure or the option to change or replace this image with a newer version.

    Please see HP Forun thread titled "8.1 recovery disks" for more information on this topic. My suggestion is to use Windows "Backup of System Image" utility to create a picture of the partition Windows 8.1 as it is currently, on an external hard drive. If your computer develops questions or you need to replace the hard drive, all you have to do is to "restore" the image on the computer. Please see Windows 8.1 Tip: use System Image backup for instructions on creating and restoring a 'Windows - System Image backup.'

    If you have any other questions, feel free to ask.

    Please click the White Star of KUDOS to show your appreciation

  • No image with customized image of Windows 10 Acer Iconia W510

    I'm trying machines Acer Iconia W510 image with an image of Windows 10 we did. We have already photographed a few tens of individuals. A dozen, however, refuse to take the picture. They are currently on Windows 8. The image on an external hard drive that plug us into the USB port.

    The steps I take to the imaging process are as follows: "Change PC settings"->"update and recovery"-> "recovery"->"Advanced startup" and I click on the button 'Restart now', who sends me to a screen with three options, continue to windows 8.1, troubleshooting, and turn off your PC.

    I select 'Troubleshoot '->' Advanced'-> "Image system recovery"

    The Acer screen appears with "Preparation of the system image recovery" at the bottom. I sign in the administrator account when prompted to choose an account.

    A window appears and scans for images. I selected the "Select a system image" option and then select the correct image of Windows 10.

    Then, I select the only available option for "select the date and time of the system image to restore.

    After that, there is a message that says "for the restoration of this computer, needs of Windows to format the drive that the Windows recovery environment is running on." To continue with the restore, shut down this computer and it boot from a Windows installation disc or a disc repair system, then try the restore again. "At this point, I have no way to continue.

    Even if I plug the USB recovery drive we used, I get the same message. I don't know what the problem is or how to get past. Any help is appreciated!

    Hi Ryan,

    According to the description, you can not install updates and the this issue may occur if one or more of the following conditions are met: 

    1. The Windows Update database is damaged.
    2. Antivirus software is configured to scan the folder % Windir%\SoftwareDistribution.
    3. Service (BITS) Background Intelligent Transfer Service does not receive a content link header.
    4. A required system file is incorrectly registered.

    Try it out below mentioned methods and see if it works for you.

    Method 1

    First of all, I suggest you run Windows update troubleshooting tool to get the problem automatically detected and corrected. This fixit checks the configuration of the Windows Update components and repairs, fixes incorrect Windows Update the locations of data and records of necessary services. For the race, the troubleshooter refer to sub article what can I do if I have problems to install updates.

    Windows Update: FAQ

    Method 2

    I suggest you to check if you are able to access Windows Update services and also make sure that the following services are started. If it is not started, follow the listed below as follows:

    a. press the Windows key + R, type "services.msc" (without the quotes) in the Run dialog box to start, and press enter.

    b. Locate the Windows Update service.

    c. right-click on the Windows Update service and select Properties.

    d. in Startup type, select enable.

    e. click Start under Service status.

    f. click OK.

    g. Repeat steps c to f for the following services :

    CSP & Background Intelligent Transfer Service.

    If these steps do not help to solve the problem, you can proceed to the step below and check.

    Method 3

    If the problem persists I suggest to reset the Windows Update components and for this, try to run the fixit described in the following article. If you already tried the fixit even before that I ask of you rerun the fixit.

    How to reset the Windows Update components?

    http://support.Microsoft.com/kb/971058/en-us#LetMeFixItMyselfAlways

    Keep us.

    Kind regards

  • Need a Script to the space of images on a total gap, then tag each image with the percentage of the total image space

    By editing the other scripts, I found here and other sites (including the labels size rorohiko), I worked on a script that will each image with the dimensions of the label and calculate the percentage of the spread of everything (including the text, white space).

    Now, I was invited to a script that tagged the images with the percentage of total image on a gap space. This script is so space images on a total gap, then tag each image with the percentage of the total image space. For example if there is an image that is 10 x 10 inches and four pictures that are images of 2.5x2.5, 10 x 10 would be tagged with 50% and the 2.5x2.5 would be tagged with 12.5%.

    This is the script that does the percentage of total circulation. Can some clever person get to do what I need?

    Suze

    (Sorry, I don't know how to post the script here with line numbers!)

    //

    This script adds printing of information labels to each graphic image. The labels are on a separate layer

    named "PercentageLabels" so that all these added labels can be removed again by simply removing

    the layer.

    //

    If you move or resize items, simply re-run the script to update the labels.

    //

    Before (re) start the script, you can define a paragraph style "SizeLabelStyle".

    This style will apply to all content on labels.

    //

    Before (re) start the script, you can set a style of object 'SizeLabelObjectStyle '.

    This style of object apply to all executives of the label - so if you want a specific background

    fill out or frame, do it through this object style.

    //

    You can change the units of the size label. I put in inches. Change the line below that has

    kUnitToUse - you can use:

    MeasurementUnits.CENTIMETERS

    MeasurementUnits.CICERO

    MeasurementUnits.INCHES

    MeasurementUnits.MILLIMETERS

    MeasurementUnits.PICAS

    MeasurementUnits.PIXELS

    MeasurementUnits.POINTS

    //

    By default the script will not attempt to label the "nested" images If you also want to label

    nested images (for example inline images, anchored frames, pasted images in the images,...) to change the line

    below to read:

    kLabelNestedItems = 1

    //

    If you want a specific image to stay without a label, you can use the Script label palette for

    assign a script called 'ignore' for this frame. The script will then not label this framework to the

    the title of the script is removed again.

    //

    Change the lines with kDontLabelImageFrames, kDontLabelTextFrames, kDontLabelOtherFrames

    below if you want to restrict labelling to only certain types of images: replace the '0'

    in "1" to enable these options.

    //

    Change the line with kShowImageFileName if you also want to display the names of the image in the

    size for the picture frames.

    //

    Small frames are not labelled - the cutoff point is currently a less than 0.1 inch high framework

    or 0.1 inch wide. You can change the cutoff point by adjusting the lines with kDontLabelBelowWidth

    or kDontLabelBelowHeight below.

    //

    var Girard;

    var gScriptFile;

    var gCaches;

    // ****************

    That's cheating spread automatically calculated

    var doc = app.activeDocument;

    doc.viewPreferences.horizontalMeasurementUnits = MeasurementUnits.inches;

    doc.viewPreferences.verticalMeasurementUnits = MeasurementUnits.inches;

    PageWidth = doc.documentPreferences.pageWidth var;

    stucture var pagewidth = * 2;

    var spreadheight = doc.documentPreferences.pageHeight;

    var spreadsquinch = stucture * spreadheight;

    Alert ("the total measure of square inch of spread is:" + spreadsquinch);

    //******************

    VR;

    {

    If (app.activeScript instanceof file)

    {

    var gScriptFile = app.activeScript;

    }

    }

    catch (Girard)

    {

    }

    If (typeof (kLogLevel) is "undefined")

    {

    const kLogLevel = 5;

    const kMaxLogNestLevel = 5;

    const kLogToMessageBox = 0;

    const kLogToConsole = 0;

    const kLogToFile = 0;

    const kLogFileName = "PercentageLabels.log";

    const kIgnoreFrameLabel = "ignore."

    const kSizeLabelLayerName = "PercentageLabels";

    const kLabelNestedItems = 0;

    const kDontLabelImageFrames = 0;

    const kDontLabelTextFrames = 1;

    const kDontLabelOtherFrames = 0;

    const kUnitToUse = MeasurementUnits.INCHES;

    const kShowImageFileName = 0; This set to 1 to precede the name of the image file in the tag

    Below all of the measures are expressed in kUnitToUse (e.g. inches if MeasurementUnits.INCHES is used)

    const kRoundToDecimals = 2;

    The separator to use between objects - for example MyImage.jpg - 7.22 x 9,34

    const kSeparatorBetweenNameAndSize = "-";

    const kSeparatorBetweenHeightAndWidth = "H x"; "

    const kSeparatorAfterWidth = "W";

    const kDontLabelBelowWidth = 0.1; In kUnitToUse

    const kDontLabelBelowHeight = 0.1; In kUnitToUse

    const kLabelStyleName = "SizeLabelStyle";

    const kLabelObjectStyleName = "SizeLabelObjectStyle";

    const kLabelHeight = 0.6; In kUnitToUse

    const kLabelWidth = 2.5; Expressed in kUnitToUse (e.g., inches).

    }

    var gRunState =

    {

    logToMessageBox: kLogToMessageBox,

    logToConsole: kLogToConsole,.

    logToFile: kLogToFile,.

    functionNestLevel: 0,

    logFunctionEntry: true,

    logFunctionExit: true,

    logLevel: kLogLevel,.

    logFileName: kLogFileName

    };

    Main();

    // ****************

    function ConvertToFrame (thePageItem)

    {

    / * / / / LogEntry ("ConvertToFrame");

    var retVal = thePageItem.getElements () [0];

    / * / / / LogExit ("ConvertToFrame");

    Return retVal;

    }

    // ****************

    function CollectionToArray (theCollection)

    {

    / * / / / LogEntry ("CollectionToArray");

    var retVal = theCollection.everyItem () .getElements () .slice (0);

    / * / / / LogExit ("CollectionToArray");

    Return retVal;

    }

    // ****************

    function GetImageFile (pageItem)

    {

    / * / / / LogEntry ("GetImageFile");

    var imageFile = null;

    do

    {

    Try

    {

    pageItem = ConvertToFrame (pageItem);

    If (!) (("allGraphics" in pageItem))

    {

    break;

    }

    var allGraphics = pageItem.allGraphics.slice (0);

    If (allGraphics.length == 0)

    {

    break;

    }

    var chart = allGraphics [0];

    var graphic.itemLink = link;

    imageFile = new File (link.filePath);

    }

    catch (Girard)

    {

    }

    }

    While (false);

    / * / / / LogExit ("GetImageFile");

    return imageFile.

    }

    // ****************

    function GetImageName (pageItem)

    {

    / * / / / LogEntry ("GetImageName");

    var imageName = "";

    do

    {

    var imageFile = GetImageFile (pageItem);

    If (imageFile is nothing)

    {

    break;

    }

    imageName = imageFile.displayName;

    }

    While (false);

    / * / / / LogExit ("GetImageName");

    return imageName;

    }

    // ****************

    function GetOuterPageItem (pageItem)

    {

    / * / / / LogEntry ("GetOuterPageItem");

    var retVal = null;

    do

    {

    Try

    {

    retVal = pageItem.parent;

    If (retVal instanceof spread | retVal instanceof Page)

    {

    retVal = pageItem;

    break;

    }

    If (retVal instanceof character)

    {

    retVal = GetOuterPageItem(retVal.parentTextFrames[0]);

    break;

    }

    }

    catch (Girard)

    {

    retVal = null;

    }

    }

    While (false);

    / * / / / LogExit ("GetOuterPageItem");

    Return retVal;

    }

    // ****************

    function LogMessage (message, collapseLines)

    {

    If (gRunState.logToConsole)

    {

    $.writeln (message);

    }

    If (gRunState.logToFile)

    {

    var logFile = new file (gScriptFile.parent + "/" + gRunState.logFileName);

    var now = new Date();

    logFile.open ("a");

    logFile.write (now.toString () + ":"+ message + "\n" ');

    logFile.close ();

    }

    If (gRunState.logToMessageBox)

    {

    Alert (message);

    }

    }

    // ****************

    LogEntry (message) function

    {

    If (gRunState.logFunctionEntry)

    {

    If (gRunState.functionNestLevel < kMaxLogNestLevel) {}

    for (var idx = 0; idx < gRunState.functionNestLevel; idx ++)

    {

    message = "" + message;

    }

    Filled (message + "<", true);

    }

    }

    gRunState.functionNestLevel ++;

    }

    // ****************

    function LogError (message)

    {

    If (gRunState.logLevel > = 1).

    {

    LogMessage ("* ERROR *:" + message, false);

    }

    }

    // ****************

    function LogExit (message)

    {

    -gRunState.functionNestLevel;

    If (gRunState.functionNestLevel < 0)

    {

    LogError ("LogExit: unbalanced nesting of function");

    }

    If (gRunState.logFunctionExit)

    {

    If (gRunState.functionNestLevel < kMaxLogNestLevel) {}

    for (var idx = 0; idx < gRunState.functionNestLevel; idx ++)

    {

    message = "" + message;

    }

    Filled (message + ">", true);

    }

    }

    }

    // ****************

    function LogNote (message)

    {

    If (gRunState.logLevel > = 3)

    {

    LogMessage ("Note:" + message, false);

    }

    }

    // ****************

    function LogWarning (message)

    {

    If (gRunState.logLevel > = 2)

    {

    LogMessage ("WARNING:" + message, false);

    }

    }

    // ****************

    function Main()

    {

    / * / / / LogEntry ("Main");

    var savedUserInteractionLevel = app.scriptPreferences.userInteractionLevel;

    app.scriptPreferences.userInteractionLevel = UserInteractionLevels.NEVER_INTERACT;

    do

    {

    Try

    {

    activeDocument var = app.activeDocument;

    If (!.) (activeDocument instanceof Document))

    {

    LogError ("hand: activeDocument isn't a Document");

    break;

    }

    var savedHorizontalMeasurementUnits = activeDocument.viewPreferences.horizontalMeasurementUnits;

    activeDocument.viewPreferences.horizontalMeasurementUnits = kUnitToUse;

    var savedVerticalMeasurementUnits = activeDocument.viewPreferences.verticalMeasurementUnits;

    activeDocument.viewPreferences.verticalMeasurementUnits = kUnitToUse;

    var savedRulerOrigin = activeDocument.viewPreferences.rulerOrigin;

    activeDocument.viewPreferences.rulerOrigin = RulerOrigin.PAGE_ORIGIN;

    do

    {

    Try

    {

    ProcessFrames (activeDocument);

    }

    catch (Girard)

    {

    Alert ("the script encountered a situation that we don't know how to handle. "He received the error, says '" + Parker + "' in Main()"); "."

    }

    }

    While (false);

    activeDocument.viewPreferences.rulerOrigin = savedRulerOrigin;

    activeDocument.viewPreferences.horizontalMeasurementUnits = savedHorizontalMeasurementUnits;

    activeDocument.viewPreferences.verticalMeasurementUnits = savedVerticalMeasurementUnits;

    }

    catch (Girard)

    {

    Alert ("the script encountered a situation that we don't know how to handle. "He received the error, says '" + Parker + "' in Main()"); "."

    LogError ("Hand throw" + Girard);

    }

    }

    While (false);

    app.scriptPreferences.userInteractionLevel = savedUserInteractionLevel;

    / * / / / LogExit ("Main");

    }

    // ****************

    function ProcessFrames (doc)

    {

    / * / / / LogEntry ("ProcessFrames");

    var err;

    do

    {

    If (!.) (doc instanceof Document))

    {

    LogError ("ProcessFrames: doc should be a Document");

    break;

    }

    Try

    {

    var existingLayer = doc.layers.itemByName (kSizeLabelLayerName);

    existingLayer.id;

    existingLayer.remove ();

    }

    catch (err)

    {

    }

    If (kLabelNestedItems)

    {

    var pageItems = doc.allPageItems.slice (0);

    }

    on the other

    {

    var pageItems = CollectionToArray (doc.pageItems);

    }

    var frameReferences = [];

    for (var pageItemIdx = 0; pageItemIdx < pageItems.length; pageItemIdx ++)

    {

    do

    {

    var pageItem = pageItems [pageItemIdx];

    If (pageItem.itemLayer.name is kSizeLabelLayerName)

    {

    break;

    }

    var pageItem = ConvertToFrame (pageItem);

    If (instanceof TextFrame pageItem)

    {

    If (kDontLabelTextFrames)

    {

    break;

    }

    }

    ElseIf (pageItem graphic instanceof)

    {

    If (kDontLabelImageFrames)

    {

    break;

    }

    }

    on the other

    {

    If (kDontLabelOtherFrames)

    {

    break;

    }

    }

    If (pageItem.label.toLowerCase () is kIgnoreFrameLabel)

    {

    break;

    }

    var width = pageItem.geometricBounds [3] - pageItem.geometricBounds [1];

    var height = pageItem.geometricBounds [2] - pageItem.geometricBounds [0];

    If (width < kDontLabelBelowWidth)

    {

    break;

    }

    If (height, kDontLabelBelowHeight)

    {

    break;

    }

    frameReferences.push (pageItem);

    }

    While (false);

    }

    var sizeLabelLayer = doc.layers.add ({name: kSizeLabelLayerName});

    for (var pageItemIdx = 0; pageItemIdx < frameReferences.length; pageItemIdx ++)

    {

    Try

    {

    var pageItem = frameReferences [pageItemIdx];

    var width = pageItem.geometricBounds [3] - pageItem.geometricBounds [1];

    var height = pageItem.geometricBounds [2] - pageItem.geometricBounds [0];

    var labelItem = doc.textFrames.add (null, LocationOptions.BEFORE, GetOuterPageItem (pageItem));

    labelItem.itemLayer = sizeLabelLayer;

    var boxsquinch = width * height

    var boxpercent = (boxsquinch / spreadsquinch) * 100

    var roundpercent = Math.round (boxpercent)

    var labelText = "";

    If (kShowImageFileName)

    {

    var imageName = GetImageName (pageItem);

    If (imageName! = "")

    {

    labelText += imageName + kSeparatorBetweenNameAndSize;

    }

    }

    labelText += RoundString (height, kRoundToDecimals) + kSeparatorBetweenHeightAndWidth + RoundString(width, kRoundToDecimals) + kSeparatorAfterWidth + ' \r\n'+ roundpercent + '% ';

    labelItem.contents = labelText;

    xPos = pageItem.geometricBounds var [1];

    yPos = pageItem.geometricBounds var [0] + kLabelHeight;

    labelItem.geometricBounds is [Posy, xPos, yPos + kLabelHeight, xPos + kLabelWidth];.

    Try

    {

    labelItem.parentStory.characters.everyItem () .appliedCharacterStyle = doc.characterStyles.item (0);

    }

    catch (err)

    {

    }

    Try

    {

    labelItem.parentStory.paragraphs.everyItem () .appliedParagraphStyle = kLabelStyleName;

    }

    catch (err)

    {

    }

    Try

    {

    labelItem.appliedObjectStyle = doc.objectStyles.itemByName (kLabelObjectStyleName);

    }

    catch (err)

    {

    }

    }

    catch (err)

    {

    }

    }

    }

    While (false);

    / * / / / LogExit ("ProcessFrames");

    }

    // ****************

    function RoundString (numVal, decimal)

    {

    / * / / / LogEntry ("Round");

    var retVal = Math.round (numVal * Math.pow(10,decimals)) + "";

    retVal = retVal.substring(0,retVal.length-decimals) + "." + retVal.substring(retVal.length-decimals);

    / * / / / LogExit ("Round");

    Return retVal;

    }

    What do you mean?

    var myDoc = app.activeDocument;
    var mySpreads = myDoc.spreads;
    var myRectangles = myDoc.rectangles;
    var myImages = 0;
    for (var i = 0; i < mySpreads.length; i++) {
        var mySpreadWidth = 0;
        var mySpreadHeight = myDoc.documentPreferences.pageHeight;
        for (var j = 0; j < mySpreads[i].pages.length; j++) {
            mySpreadWidth += myDoc.documentPreferences.pageWidth;
            }
        var mySpreadArea = mySpreadWidth * mySpreadHeight;
        var myImages = mySpreads[i].rectangles;
        var myTotalImageArea = 0;
        var myIndividualImageArea = [];
        for (var j = 0; j < myImages.length; j++) {
            var myImageGeometricBounds = myImages[j].geometricBounds;
            var myImageWidth = myImageGeometricBounds[3] - myImageGeometricBounds[1];
            var myImageHeight = myImageGeometricBounds[2] - myImageGeometricBounds[0];
            myIndividualImageArea[j] = (myImageWidth * myImageHeight);
            myTotalImageArea += myIndividualImageArea[j];
            }
        for (var j = 0; j < myIndividualImageArea.length; j++) {
            alert("Image percentage of total images on spread " + (i + 1) + " = " + (myIndividualImageArea[j] * 100) /myTotalImageArea);
            }
       alert("Total image percentage on spread " + (i + 1) + " = " + myTotalImageArea);
       }
    
  • Can I use data string Web App (image) in a CSS hover function?

    I'm developing a profile of employee of company "show and tell" using the Web application. I built my item in the list and details. Works very well. However, I have no hover function. So, I created a few css - one div id and added a background image then hover div with another image to hover. It worked. I moved the code of Dreamweaver in British Colombia - inside (the list template) Web application. I replaced the paths of the image with the data string Web App - image (e.g. {tag_employee photo}). Then I did the same thing to hover - I changed the image of the data string (e.g. {tag_employee photo2}). It does not work now.

    All CSS is written inside the body, so it's not pulling to the outside path. I thought that a path from the outside may not understand the data string.

    How can I get this to post a link with the chain of image data? Am I missing something?

    How can I create an image using CSS switch and function WITH the BC Web App data strings hover?

    Here's how I wrote the id of the DIV:


    # {List_photo

    height: 200px;

    Width: 200px;

    background-image: url("{tag_employee photo (200px)}" ");

    position: relative;

    margin-bottom: 10px;

    Display: block;

    }

    # {List_photo:hover

    height: 200px;

    Width: 200px;

    background-image: url("{tag_employee photo (hover)}" ");

    position: relative;

    margin-bottom: 10px;

    Display: block;

    }

    Thank you!

    Robert

    Hi Robert,.

    The concept of what you're doing works (as long as the)

  • How to create a cursor image with text in motion.

    I tried to create a cursor image with text that slides with images. I use the jquery.cycle2 slider plugin that works very well for a slider I have on a different cursor on the same page. I'm not sure why it does not work. If someone could help me that would be great. The code is below:

    HTML:

    < div class = 'fluid wmud' id = 'wmud_img' data-cycle-fx = 'scrollLeft '.

    data-cycle-pause-on-hover = "true".

    data-cycle-speed '4000' = >

    < div class = "fluid wmud_img" >

    "< img src ="... /morris_construction/images/slider4.png"/ >

    < div class = "fluid wmud_text" >

    < h3 > Pro Active: < / h3 >

    < p > we have highly qualified staff and a thorough knowledge of the industry is thus able to add value by providing solutions to customers proactively; often even before that questions arise.                We are also very receptive to requests from the client and provide quick turnaround times, often to meet extremely tight deadlines. < /p >

    < / div >

    < / div >

    < div class = "fluid wmud_img" >

    "< img src ="... /morris_construction/images/slider5.png"/ >

    < div class = "fluid wmud_text" >

    < h3 > Pro Active: < / h3 >

    < p > we have highly qualified staff and a thorough knowledge of the industry is thus able to add value by providing solutions to customers proactively; often even before that questions arise.                We are also very receptive to requests from the client and provide quick turnaround times, often to meet extremely tight deadlines. < /p >

    < / div >

    < / div >

    < div class = "fluid wmud_img" >

    "< img src ="... /morris_construction/images/slider6.png"/ >

    < div class = "fluid wmud_text" >

    < h3 > Pro Active: < / h3 >

    < p > we have highly qualified staff and a thorough knowledge of the industry is thus able to add value by providing solutions to customers proactively; often even before that questions arise.                We are also very receptive to requests from the client and provide quick turnaround times, often to meet extremely tight deadlines. < /p >

    < / div >

    < / div >

    < / div > <!--end of wmud-->

    JavaScript:

    " < script src =" http://malsup.github.com/jQuery.cycle2.js "> < / script > .

    < script type = "text/javascript" >

    {$(function()}

    $('#wmud_img').cycle ({}

    FX: 'scrollLeft ',.

    });

    });

    < /script >

    Try these demos:

    Cycle2 overlays

    Cycle2 Caption2 Plugin

    Nancy O.

  • How to do an image have several clickable camp arrives with a box next to the image with a text. as I click on a bone in an image a box comes up next to the image with which are the OS.

    How to do an image have several clickable camp arrives with a box next to the image with a text. as I click on a bone in an image a box comes up next to the image with which are the OS. I have cs6

    This article has very clear steps & description of what you're trying to accomplish:

    http://Demosthenes.info/blog/537/enhancing-Imagemaps-with-CSS3-popups#wheelset

  • Of a VBox OVF 0.9 to VMWare image with 2 hard drives

    Hello world

    I'm trying to convert a VirtualBox 3.1.4 image with 2 hard drives with OVFTool 1.00 x 64 linux.

    ~/VirtualBox$ ovftool - noDisks MANAGER .ovf-SDM SDM - MANAGER .vmx

    Source OVF opening: SDM - MANAGER .ovf

    Target VMX opening: SDM - MANAGER .vmx

    Error:

    -"3" of the "vim.vm.device.VirtualIDEController" device has been found. Only '2' permit

    I can't find the solution to the problem. Could someone help me on this?

    I added the ovf file to the post!

    Kind regards

    Jeroen van Hoef

    Hi Jeroen

    A quick glance on the OVF, you have as far as I can see that you have 1 IDE controller using 'address = 1' this translates to be IDE 1 controller on the motherboard. Controllers IDE are the default devices you'll be controller IDE automatically get to address 0 defined for example the 0 on the motherboard IDE controller.

    Second, you set the CD-ROM to use AddressOnParent = 0, which is the same disc 1 with InstanceId 8 AddressOnParent have.

    A fix for your OVF is therefore to define a second controller ide like

    < item >

    < rasd:Caption > ideController0 < / rasd:Caption >

    < rasd:Description > IDE controller < / rasd:Description >

    < rasd:InstanceId > 20 < / rasd:InstanceId >

    < rasd:ResourceType > 5 < / rasd:ResourceType >

    < rasd:ResourceSubType > PIIX4 < / rasd:ResourceSubType >

    < rasd:Address > 0 < / rasd:Address >

    < rasd:BusNumber > 0 < / rasd:BusNumber >

    < / point >

    map the drive to use it (you can do this by changing the Parent = 2) ide controller.

    It may be useful

    Eske

  • Multiple images with the same file name no doubt prevent export

    iMac running OS X El Capitan v10.11.6; Photos 1.5

    I'm trying to export approximately 331 images and I get an error report saying that only 169 of the exported images due to the inability to create files for 159 of the images.  Then the report gives me the names of files of the first 100 images for which files were not created.  After looking at many images that would not create a file, I realized that, in any case, there was at least one, if not several, other images with the SAME EXACT FILE name as the image in question.  I can't change the names of files by right click on "info".  I tried to export the images and change the names of files to export using the sequential option and the option of album name - always having exactly the same problem.  I even tried not to export an image at once and change the name of the file individually or no available. Is there a work around that? I desperately need to export those specific images. I am trying to create a photo album for shown to mothers who choose a family with which you want to place their child/ren for adoption. I'm at my wit's end.  The kicker is I'm moving towards trying to export all my pictures, and that's going to be a HUGE problem in course for me, so I really hope that there is a way around this question somewhat simply. I am a hobby photographer and use the computer for businesses and crafts.  I've seen a few posts that included answers referencing "AppleScript" - I have no idea how to do something like that.

    From here on I will DEFINITELY ensure that my Canon continually numbers the names of image files and automatically resets.  For the other photos other than Canon, is possible to rename images during the import of the lot?

    All advice and help will be GREATLY appreciated!

    Finder has the ability to rename files with various models of lot.  Simply select all the files to rename, right-click one of the selected files, choose 'Rename X points... '. ", and then set the options and click on the button"Rename ".

  • Whenever I have download an image with the command "save the image under...". ", it records in a useless file of 168 bits.

    As stated, whenever I have download an image with the command "save image under" he recorded in a useless file of 168 bits. This does not happen everytime I have save an image, but more often the not, and I don't have a lot of useless files hang out because of this. Is it possible to re - download each image 168 bits that he should have been downloaded in the first place? Is it possible to ensure that this does not happen?

    Here's what it looks like:
    http://i.imgur.com/yzgwwgC.gif?1

    This means that you are not allowed to do this action.
    The site could use a transparent overlay image to protect the actual image or otherwise has put in place a protection.
    You can check if see you the image in "tools > Page Info > Media ' and save it.

Maybe you are looking for